<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3725362" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe654;</span>
                <div class="name">关于我们</div>
                <div class="code-name">&amp;#xe654;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">_钉子</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61b;</span>
                <div class="name">新增</div>
                <div class="code-name">&amp;#xe61b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">新增添加</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe67e;</span>
                <div class="name">夜晚</div>
                <div class="code-name">&amp;#xe67e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">Minimize-1</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65d;</span>
                <div class="name">Maximize-1</div>
                <div class="code-name">&amp;#xe65d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe692;</span>
                <div class="name">Maximize-3</div>
                <div class="code-name">&amp;#xe692;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe621;</span>
                <div class="name">编辑</div>
                <div class="code-name">&amp;#xe621;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">最大化</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe607;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe607;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bd;</span>
                <div class="name">发送</div>
                <div class="code-name">&amp;#xe6bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66d;</span>
                <div class="name">密码</div>
                <div class="code-name">&amp;#xe66d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">添加图片</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe672;</span>
                <div class="name">语音</div>
                <div class="code-name">&amp;#xe672;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">点点</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">图片</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe93e;</span>
                <div class="name">点点</div>
                <div class="code-name">&amp;#xe93e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72e;</span>
                <div class="name">清除</div>
                <div class="code-name">&amp;#xe72e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe72f;</span>
                <div class="name">暗黑模式</div>
                <div class="code-name">&amp;#xe72f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe734;</span>
                <div class="name">多语言</div>
                <div class="code-name">&amp;#xe734;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe736;</span>
                <div class="name">模板参数</div>
                <div class="code-name">&amp;#xe736;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73b;</span>
                <div class="name">发布</div>
                <div class="code-name">&amp;#xe73b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73c;</span>
                <div class="name">设置</div>
                <div class="code-name">&amp;#xe73c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe748;</span>
                <div class="name">明亮模式</div>
                <div class="code-name">&amp;#xe748;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe767;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe767;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">上下移动</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">左右移动</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">初始化</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">播放-上一个</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">播放-下一个</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">放大镜1-线型</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">放大镜2-线型</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6fd;</span>
                <div class="name">图片2-面型</div>
                <div class="code-name">&amp;#xe6fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ff;</span>
                <div class="name">下载5</div>
                <div class="code-name">&amp;#xe6ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">逆时针旋转</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65c;</span>
                <div class="name">顺时针旋转</div>
                <div class="code-name">&amp;#xe65c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">收起</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">排序</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">向上</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">向下</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">全屏</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">收起列</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">下拉</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">全屏退出</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe872;</span>
                <div class="name">enter</div>
                <div class="code-name">&amp;#xe872;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe873;</span>
                <div class="name">enviroment</div>
                <div class="code-name">&amp;#xe873;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe874;</span>
                <div class="name">enviroment-o</div>
                <div class="code-name">&amp;#xe874;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe875;</span>
                <div class="name">exclamation-circle-o</div>
                <div class="code-name">&amp;#xe875;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe876;</span>
                <div class="name">exclamation-circle</div>
                <div class="code-name">&amp;#xe876;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe877;</span>
                <div class="name">exception</div>
                <div class="code-name">&amp;#xe877;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe878;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe878;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe879;</span>
                <div class="name">exclefile</div>
                <div class="code-name">&amp;#xe879;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87a;</span>
                <div class="name">export2</div>
                <div class="code-name">&amp;#xe87a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87b;</span>
                <div class="name">eye-o</div>
                <div class="code-name">&amp;#xe87b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87c;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe87c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87d;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe87d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87e;</span>
                <div class="name">filetext</div>
                <div class="code-name">&amp;#xe87e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe87f;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe87f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe880;</span>
                <div class="name">folder</div>
                <div class="code-name">&amp;#xe880;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe881;</span>
                <div class="name">folderopen</div>
                <div class="code-name">&amp;#xe881;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">frown-o</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe883;</span>
                <div class="name">github</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
                <div class="name">frown</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe885;</span>
                <div class="name">hdd</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe886;</span>
                <div class="name">heart-o</div>
                <div class="code-name">&amp;#xe886;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">heart</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe888;</span>
                <div class="name">inbox</div>
                <div class="code-name">&amp;#xe888;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">ie</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">info-cirlce</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">info-cirlce-o</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88c;</span>
                <div class="name">left-circle-o</div>
                <div class="code-name">&amp;#xe88c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88d;</span>
                <div class="name">jpgfile</div>
                <div class="code-name">&amp;#xe88d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">left-square</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe890;</span>
                <div class="name">left-circle</div>
                <div class="code-name">&amp;#xe890;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">left-square-o</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">left</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe893;</span>
                <div class="name">like_fill</div>
                <div class="code-name">&amp;#xe893;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe894;</span>
                <div class="name">linechart</div>
                <div class="code-name">&amp;#xe894;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe895;</span>
                <div class="name">loading1</div>
                <div class="code-name">&amp;#xe895;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe897;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe897;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89a;</span>
                <div class="name">meho</div>
                <div class="code-name">&amp;#xe89a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89b;</span>
                <div class="name">meh</div>
                <div class="code-name">&amp;#xe89b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89c;</span>
                <div class="name">menufold</div>
                <div class="code-name">&amp;#xe89c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name">menuunfold</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">minus-circle-o</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">minus-square-o</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a0;</span>
                <div class="name">minus-circle</div>
                <div class="code-name">&amp;#xe8a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a2;</span>
                <div class="name">minus-square</div>
                <div class="code-name">&amp;#xe8a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a4;</span>
                <div class="name">mobile</div>
                <div class="code-name">&amp;#xe8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a5;</span>
                <div class="name">paperclip</div>
                <div class="code-name">&amp;#xe8a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a6;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe8a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a7;</span>
                <div class="name">pause-circle</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a8;</span>
                <div class="name">pause-circle-o</div>
                <div class="code-name">&amp;#xe8a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a9;</span>
                <div class="name">pay-circle</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8aa;</span>
                <div class="name">pay-circle-o</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">pen</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ac;</span>
                <div class="name">pdffile</div>
                <div class="code-name">&amp;#xe8ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8af;</span>
                <div class="name">piechart</div>
                <div class="code-name">&amp;#xe8af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b0;</span>
                <div class="name">play</div>
                <div class="code-name">&amp;#xe8b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b1;</span>
                <div class="name">play-circle-o</div>
                <div class="code-name">&amp;#xe8b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b2;</span>
                <div class="name">plus-circle-o</div>
                <div class="code-name">&amp;#xe8b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b3;</span>
                <div class="name">plus-square-o</div>
                <div class="code-name">&amp;#xe8b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b4;</span>
                <div class="name">plus-circle</div>
                <div class="code-name">&amp;#xe8b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">plus</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b6;</span>
                <div class="name">poweroff</div>
                <div class="code-name">&amp;#xe8b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b7;</span>
                <div class="name">plus-square</div>
                <div class="code-name">&amp;#xe8b7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b8;</span>
                <div class="name">pushpin</div>
                <div class="code-name">&amp;#xe8b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b9;</span>
                <div class="name">pushpin-o</div>
                <div class="code-name">&amp;#xe8b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ba;</span>
                <div class="name">reload</div>
                <div class="code-name">&amp;#xe8ba;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bb;</span>
                <div class="name">question-circle-o</div>
                <div class="code-name">&amp;#xe8bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bc;</span>
                <div class="name">question-circle</div>
                <div class="code-name">&amp;#xe8bc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bd;</span>
                <div class="name">qrcode</div>
                <div class="code-name">&amp;#xe8bd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8be;</span>
                <div class="name">retweet</div>
                <div class="code-name">&amp;#xe8be;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8bf;</span>
                <div class="name">right-circle</div>
                <div class="code-name">&amp;#xe8bf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c0;</span>
                <div class="name">right-circle-o</div>
                <div class="code-name">&amp;#xe8c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c1;</span>
                <div class="name">right-square-o</div>
                <div class="code-name">&amp;#xe8c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c2;</span>
                <div class="name">right-square</div>
                <div class="code-name">&amp;#xe8c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c3;</span>
                <div class="name">rollback</div>
                <div class="code-name">&amp;#xe8c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c4;</span>
                <div class="name">right</div>
                <div class="code-name">&amp;#xe8c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c6;</span>
                <div class="name">save</div>
                <div class="code-name">&amp;#xe8c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c7;</span>
                <div class="name">shoppingcart</div>
                <div class="code-name">&amp;#xe8c7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c8;</span>
                <div class="name">scan</div>
                <div class="code-name">&amp;#xe8c8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c9;</span>
                <div class="name">shrink</div>
                <div class="code-name">&amp;#xe8c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ca;</span>
                <div class="name">sharealt</div>
                <div class="code-name">&amp;#xe8ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cb;</span>
                <div class="name">setting</div>
                <div class="code-name">&amp;#xe8cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cc;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe8cc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cd;</span>
                <div class="name">smile-o</div>
                <div class="code-name">&amp;#xe8cd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ce;</span>
                <div class="name">star-o</div>
                <div class="code-name">&amp;#xe8ce;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8cf;</span>
                <div class="name">solution</div>
                <div class="code-name">&amp;#xe8cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d0;</span>
                <div class="name">star</div>
                <div class="code-name">&amp;#xe8d0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d1;</span>
                <div class="name">stepforward</div>
                <div class="code-name">&amp;#xe8d1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d2;</span>
                <div class="name">stepbackward</div>
                <div class="code-name">&amp;#xe8d2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d3;</span>
                <div class="name">swap</div>
                <div class="code-name">&amp;#xe8d3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d4;</span>
                <div class="name">swapleft</div>
                <div class="code-name">&amp;#xe8d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d5;</span>
                <div class="name">tag-o</div>
                <div class="code-name">&amp;#xe8d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d6;</span>
                <div class="name">tablet</div>
                <div class="code-name">&amp;#xe8d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d7;</span>
                <div class="name">swapright</div>
                <div class="code-name">&amp;#xe8d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d8;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe8d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8d9;</span>
                <div class="name">tags</div>
                <div class="code-name">&amp;#xe8d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8da;</span>
                <div class="name">tagso</div>
                <div class="code-name">&amp;#xe8da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe733;</span>
                <div class="name">rest</div>
                <div class="code-name">&amp;#xe733;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8db;</span>
                <div class="name">team</div>
                <div class="code-name">&amp;#xe8db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe735;</span>
                <div class="name">search</div>
                <div class="code-name">&amp;#xe735;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dc;</span>
                <div class="name">totop</div>
                <div class="code-name">&amp;#xe8dc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe737;</span>
                <div class="name">smile</div>
                <div class="code-name">&amp;#xe737;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8dd;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe8dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe738;</span>
                <div class="name">tag</div>
                <div class="code-name">&amp;#xe738;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8de;</span>
                <div class="name">up-circle-o</div>
                <div class="code-name">&amp;#xe8de;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73a;</span>
                <div class="name">top</div>
                <div class="code-name">&amp;#xe73a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8df;</span>
                <div class="name">up-circle</div>
                <div class="code-name">&amp;#xe8df;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe73e;</span>
                <div class="name">user</div>
                <div class="code-name">&amp;#xe73e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e0;</span>
                <div class="name">up-square-o</div>
                <div class="code-name">&amp;#xe8e0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe740;</span>
                <div class="name">link</div>
                <div class="code-name">&amp;#xe740;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e1;</span>
                <div class="name">up-square</div>
                <div class="code-name">&amp;#xe8e1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe742;</span>
                <div class="name">logout</div>
                <div class="code-name">&amp;#xe742;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e2;</span>
                <div class="name">up</div>
                <div class="code-name">&amp;#xe8e2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe743;</span>
                <div class="name">mail</div>
                <div class="code-name">&amp;#xe743;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e3;</span>
                <div class="name">verticleleft</div>
                <div class="code-name">&amp;#xe8e3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe744;</span>
                <div class="name">minus</div>
                <div class="code-name">&amp;#xe744;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe745;</span>
                <div class="name">mobile</div>
                <div class="code-name">&amp;#xe745;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e5;</span>
                <div class="name">upload</div>
                <div class="code-name">&amp;#xe8e5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe746;</span>
                <div class="name">note</div>
                <div class="code-name">&amp;#xe746;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e6;</span>
                <div class="name">windows-o</div>
                <div class="code-name">&amp;#xe8e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe747;</span>
                <div class="name">notification</div>
                <div class="code-name">&amp;#xe747;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e7;</span>
                <div class="name">windows</div>
                <div class="code-name">&amp;#xe8e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe749;</span>
                <div class="name">picture</div>
                <div class="code-name">&amp;#xe749;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e8;</span>
                <div class="name">wordfile</div>
                <div class="code-name">&amp;#xe8e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74a;</span>
                <div class="name">place</div>
                <div class="code-name">&amp;#xe74a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8e9;</span>
                <div class="name">note_fill</div>
                <div class="code-name">&amp;#xe8e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74b;</span>
                <div class="name">plus</div>
                <div class="code-name">&amp;#xe74b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ea;</span>
                <div class="name">mail_fill</div>
                <div class="code-name">&amp;#xe8ea;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74c;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe74c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8eb;</span>
                <div class="name">export_fill</div>
                <div class="code-name">&amp;#xe8eb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74d;</span>
                <div class="name">ellipsis</div>
                <div class="code-name">&amp;#xe74d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">export</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">express</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe750;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe750;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ef;</span>
                <div class="name">edit</div>
                <div class="code-name">&amp;#xe8ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe751;</span>
                <div class="name">file</div>
                <div class="code-name">&amp;#xe751;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f0;</span>
                <div class="name">addfile</div>
                <div class="code-name">&amp;#xe8f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe752;</span>
                <div class="name">filter</div>
                <div class="code-name">&amp;#xe752;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f1;</span>
                <div class="name">bulb</div>
                <div class="code-name">&amp;#xe8f1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe755;</span>
                <div class="name">history</div>
                <div class="code-name">&amp;#xe755;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f2;</span>
                <div class="name">addfolder</div>
                <div class="code-name">&amp;#xe8f2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe756;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe756;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f3;</span>
                <div class="name">id</div>
                <div class="code-name">&amp;#xe8f3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe757;</span>
                <div class="name">info</div>
                <div class="code-name">&amp;#xe757;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f4;</span>
                <div class="name">card</div>
                <div class="code-name">&amp;#xe8f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe758;</span>
                <div class="name">laptop</div>
                <div class="code-name">&amp;#xe758;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75a;</span>
                <div class="name">appstore</div>
                <div class="code-name">&amp;#xe75a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75c;</span>
                <div class="name">calender</div>
                <div class="code-name">&amp;#xe75c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f7;</span>
                <div class="name">plugin</div>
                <div class="code-name">&amp;#xe8f7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75d;</span>
                <div class="name">change</div>
                <div class="code-name">&amp;#xe75d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75e;</span>
                <div class="name">chart</div>
                <div class="code-name">&amp;#xe75e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8f9;</span>
                <div class="name">menu</div>
                <div class="code-name">&amp;#xe8f9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe75f;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe75f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fa;</span>
                <div class="name">reload</div>
                <div class="code-name">&amp;#xe8fa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe760;</span>
                <div class="name">clip</div>
                <div class="code-name">&amp;#xe760;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe761;</span>
                <div class="name">clock</div>
                <div class="code-name">&amp;#xe761;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fc;</span>
                <div class="name">setting_fill</div>
                <div class="code-name">&amp;#xe8fc;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe762;</span>
                <div class="name">computer</div>
                <div class="code-name">&amp;#xe762;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fd;</span>
                <div class="name">dashboard_fill</div>
                <div class="code-name">&amp;#xe8fd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe763;</span>
                <div class="name">cross</div>
                <div class="code-name">&amp;#xe763;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8fe;</span>
                <div class="name">send</div>
                <div class="code-name">&amp;#xe8fe;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe764;</span>
                <div class="name">dashboard</div>
                <div class="code-name">&amp;#xe764;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ff;</span>
                <div class="name">rocket_fill</div>
                <div class="code-name">&amp;#xe8ff;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe765;</span>
                <div class="name">delete</div>
                <div class="code-name">&amp;#xe765;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe900;</span>
                <div class="name">schedule_fill</div>
                <div class="code-name">&amp;#xe900;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe766;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe766;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe901;</span>
                <div class="name">schedule</div>
                <div class="code-name">&amp;#xe901;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe768;</span>
                <div class="name">message</div>
                <div class="code-name">&amp;#xe768;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe902;</span>
                <div class="name">team_fill</div>
                <div class="code-name">&amp;#xe902;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76a;</span>
                <div class="name">bars</div>
                <div class="code-name">&amp;#xe76a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe903;</span>
                <div class="name">move</div>
                <div class="code-name">&amp;#xe903;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76b;</span>
                <div class="name">hide</div>
                <div class="code-name">&amp;#xe76b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe904;</span>
                <div class="name">express_fill</div>
                <div class="code-name">&amp;#xe904;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76c;</span>
                <div class="name">eye</div>
                <div class="code-name">&amp;#xe76c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe905;</span>
                <div class="name">warranty</div>
                <div class="code-name">&amp;#xe905;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76d;</span>
                <div class="name">zoom in</div>
                <div class="code-name">&amp;#xe76d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe906;</span>
                <div class="name">tstar_3</div>
                <div class="code-name">&amp;#xe906;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe76e;</span>
                <div class="name">zoom out</div>
                <div class="code-name">&amp;#xe76e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe907;</span>
                <div class="name">tstar_2</div>
                <div class="code-name">&amp;#xe907;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe770;</span>
                <div class="name">ac rotate</div>
                <div class="code-name">&amp;#xe770;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe908;</span>
                <div class="name">tstar_1</div>
                <div class="code-name">&amp;#xe908;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe771;</span>
                <div class="name">cw rotate</div>
                <div class="code-name">&amp;#xe771;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe909;</span>
                <div class="name">tstar_4</div>
                <div class="code-name">&amp;#xe909;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe772;</span>
                <div class="name">heart</div>
                <div class="code-name">&amp;#xe772;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90a;</span>
                <div class="name">pay</div>
                <div class="code-name">&amp;#xe90a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe773;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe773;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90b;</span>
                <div class="name">wifi</div>
                <div class="code-name">&amp;#xe90b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe774;</span>
                <div class="name">arrow_right</div>
                <div class="code-name">&amp;#xe774;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90c;</span>
                <div class="name">customermanager</div>
                <div class="code-name">&amp;#xe90c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe775;</span>
                <div class="name">arrow_up</div>
                <div class="code-name">&amp;#xe775;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90d;</span>
                <div class="name">drag</div>
                <div class="code-name">&amp;#xe90d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe776;</span>
                <div class="name">arrow down</div>
                <div class="code-name">&amp;#xe776;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90e;</span>
                <div class="name">enterprise</div>
                <div class="code-name">&amp;#xe90e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe777;</span>
                <div class="name">arrow_left</div>
                <div class="code-name">&amp;#xe777;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe90f;</span>
                <div class="name">channel</div>
                <div class="code-name">&amp;#xe90f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe778;</span>
                <div class="name">favor_fill</div>
                <div class="code-name">&amp;#xe778;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe910;</span>
                <div class="name">compass</div>
                <div class="code-name">&amp;#xe910;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe779;</span>
                <div class="name">heart_fill</div>
                <div class="code-name">&amp;#xe779;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe911;</span>
                <div class="name">database</div>
                <div class="code-name">&amp;#xe911;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77a;</span>
                <div class="name">dislike</div>
                <div class="code-name">&amp;#xe77a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe912;</span>
                <div class="name">contacts</div>
                <div class="code-name">&amp;#xe912;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77b;</span>
                <div class="name">account</div>
                <div class="code-name">&amp;#xe77b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe913;</span>
                <div class="name">key</div>
                <div class="code-name">&amp;#xe913;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">menu off</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe914;</span>
                <div class="name">global</div>
                <div class="code-name">&amp;#xe914;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">menu on</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe915;</span>
                <div class="name">red-envelope</div>
                <div class="code-name">&amp;#xe915;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77e;</span>
                <div class="name">order select</div>
                <div class="code-name">&amp;#xe77e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe916;</span>
                <div class="name">layout</div>
                <div class="code-name">&amp;#xe916;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">order</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe917;</span>
                <div class="name">printer</div>
                <div class="code-name">&amp;#xe917;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe780;</span>
                <div class="name">favor</div>
                <div class="code-name">&amp;#xe780;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe918;</span>
                <div class="name">skin</div>
                <div class="code-name">&amp;#xe918;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe781;</span>
                <div class="name">id input</div>
                <div class="code-name">&amp;#xe781;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe919;</span>
                <div class="name">table</div>
                <div class="code-name">&amp;#xe919;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe785;</span>
                <div class="name">rank</div>
                <div class="code-name">&amp;#xe785;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91a;</span>
                <div class="name">wallet</div>
                <div class="code-name">&amp;#xe91a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe786;</span>
                <div class="name">sort</div>
                <div class="code-name">&amp;#xe786;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91b;</span>
                <div class="name">gift</div>
                <div class="code-name">&amp;#xe91b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe788;</span>
                <div class="name">automation</div>
                <div class="code-name">&amp;#xe788;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91c;</span>
                <div class="name">car</div>
                <div class="code-name">&amp;#xe91c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe789;</span>
                <div class="name">caret_down</div>
                <div class="code-name">&amp;#xe789;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91d;</span>
                <div class="name">coffee</div>
                <div class="code-name">&amp;#xe91d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78a;</span>
                <div class="name">caret_up</div>
                <div class="code-name">&amp;#xe78a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91e;</span>
                <div class="name">case-o</div>
                <div class="code-name">&amp;#xe91e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78c;</span>
                <div class="name">reload</div>
                <div class="code-name">&amp;#xe78c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe91f;</span>
                <div class="name">order-o</div>
                <div class="code-name">&amp;#xe91f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78d;</span>
                <div class="name">flag_fill</div>
                <div class="code-name">&amp;#xe78d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78e;</span>
                <div class="name">flag</div>
                <div class="code-name">&amp;#xe78e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe78f;</span>
                <div class="name">call_in</div>
                <div class="code-name">&amp;#xe78f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">call_out</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe791;</span>
                <div class="name">dial</div>
                <div class="code-name">&amp;#xe791;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe792;</span>
                <div class="name">refund</div>
                <div class="code-name">&amp;#xe792;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe793;</span>
                <div class="name">message_fill</div>
                <div class="code-name">&amp;#xe793;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe794;</span>
                <div class="name">phone_fill</div>
                <div class="code-name">&amp;#xe794;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe797;</span>
                <div class="name">phone</div>
                <div class="code-name">&amp;#xe797;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe798;</span>
                <div class="name">clock_fill</div>
                <div class="code-name">&amp;#xe798;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe799;</span>
                <div class="name">notification_fill</div>
                <div class="code-name">&amp;#xe799;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79c;</span>
                <div class="name">cut</div>
                <div class="code-name">&amp;#xe79c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79d;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe79d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe79e;</span>
                <div class="name">barrage</div>
                <div class="code-name">&amp;#xe79e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a0;</span>
                <div class="name">male</div>
                <div class="code-name">&amp;#xe7a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a1;</span>
                <div class="name">female</div>
                <div class="code-name">&amp;#xe7a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">expand</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a6;</span>
                <div class="name">refund</div>
                <div class="code-name">&amp;#xe7a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a7;</span>
                <div class="name">pie-chart</div>
                <div class="code-name">&amp;#xe7a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a9;</span>
                <div class="name">backspace</div>
                <div class="code-name">&amp;#xe7a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c0;</span>
                <div class="name">Invalid</div>
                <div class="code-name">&amp;#xe7c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c1;</span>
                <div class="name">repeat</div>
                <div class="code-name">&amp;#xe7c1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c2;</span>
                <div class="name">timeout</div>
                <div class="code-name">&amp;#xe7c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c3;</span>
                <div class="name">urged</div>
                <div class="code-name">&amp;#xe7c3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c4;</span>
                <div class="name">intervene</div>
                <div class="code-name">&amp;#xe7c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7c5;</span>
                <div class="name">voice</div>
                <div class="code-name">&amp;#xe7c5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83a;</span>
                <div class="name">apple</div>
                <div class="code-name">&amp;#xe83a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83b;</span>
                <div class="name">appstore-o</div>
                <div class="code-name">&amp;#xe83b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83c;</span>
                <div class="name">areachart</div>
                <div class="code-name">&amp;#xe83c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83d;</span>
                <div class="name">apple-o</div>
                <div class="code-name">&amp;#xe83d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83e;</span>
                <div class="name">android</div>
                <div class="code-name">&amp;#xe83e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe83f;</span>
                <div class="name">appstore</div>
                <div class="code-name">&amp;#xe83f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe840;</span>
                <div class="name">arrowsalt</div>
                <div class="code-name">&amp;#xe840;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe841;</span>
                <div class="name">banckward</div>
                <div class="code-name">&amp;#xe841;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe842;</span>
                <div class="name">bars</div>
                <div class="code-name">&amp;#xe842;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe843;</span>
                <div class="name">book</div>
                <div class="code-name">&amp;#xe843;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe844;</span>
                <div class="name">barchart</div>
                <div class="code-name">&amp;#xe844;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe845;</span>
                <div class="name">calendar</div>
                <div class="code-name">&amp;#xe845;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe846;</span>
                <div class="name">camera-o</div>
                <div class="code-name">&amp;#xe846;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe847;</span>
                <div class="name">caretleft</div>
                <div class="code-name">&amp;#xe847;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe848;</span>
                <div class="name">caretdown</div>
                <div class="code-name">&amp;#xe848;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe849;</span>
                <div class="name">calculator</div>
                <div class="code-name">&amp;#xe849;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84a;</span>
                <div class="name">camera</div>
                <div class="code-name">&amp;#xe84a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84b;</span>
                <div class="name">caretright</div>
                <div class="code-name">&amp;#xe84b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84c;</span>
                <div class="name">check-circle</div>
                <div class="code-name">&amp;#xe84c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84d;</span>
                <div class="name">caretup</div>
                <div class="code-name">&amp;#xe84d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84e;</span>
                <div class="name">check-circle-o</div>
                <div class="code-name">&amp;#xe84e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe84f;</span>
                <div class="name">check-square</div>
                <div class="code-name">&amp;#xe84f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe850;</span>
                <div class="name">check-square-o</div>
                <div class="code-name">&amp;#xe850;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe851;</span>
                <div class="name">circledown</div>
                <div class="code-name">&amp;#xe851;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe852;</span>
                <div class="name">chrome</div>
                <div class="code-name">&amp;#xe852;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe853;</span>
                <div class="name">check</div>
                <div class="code-name">&amp;#xe853;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe854;</span>
                <div class="name">circledown-o</div>
                <div class="code-name">&amp;#xe854;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe855;</span>
                <div class="name">clock-circle</div>
                <div class="code-name">&amp;#xe855;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe856;</span>
                <div class="name">clock-circle-o</div>
                <div class="code-name">&amp;#xe856;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe857;</span>
                <div class="name">close-circle-o</div>
                <div class="code-name">&amp;#xe857;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe858;</span>
                <div class="name">close-circle</div>
                <div class="code-name">&amp;#xe858;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe859;</span>
                <div class="name">close-square-o</div>
                <div class="code-name">&amp;#xe859;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85a;</span>
                <div class="name">close-square</div>
                <div class="code-name">&amp;#xe85a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85b;</span>
                <div class="name">close</div>
                <div class="code-name">&amp;#xe85b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85c;</span>
                <div class="name">clouddownload-o</div>
                <div class="code-name">&amp;#xe85c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85d;</span>
                <div class="name">clouddownload</div>
                <div class="code-name">&amp;#xe85d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85e;</span>
                <div class="name">cloudupload-o</div>
                <div class="code-name">&amp;#xe85e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe85f;</span>
                <div class="name">cloudupload</div>
                <div class="code-name">&amp;#xe85f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe860;</span>
                <div class="name">code-square-o</div>
                <div class="code-name">&amp;#xe860;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe861;</span>
                <div class="name">code-square</div>
                <div class="code-name">&amp;#xe861;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe862;</span>
                <div class="name">creditcard</div>
                <div class="code-name">&amp;#xe862;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe863;</span>
                <div class="name">copy</div>
                <div class="code-name">&amp;#xe863;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe864;</span>
                <div class="name">desktop</div>
                <div class="code-name">&amp;#xe864;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe866;</span>
                <div class="name">customerservice</div>
                <div class="code-name">&amp;#xe866;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe867;</span>
                <div class="name">dislike_fill</div>
                <div class="code-name">&amp;#xe867;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe868;</span>
                <div class="name">dotchart</div>
                <div class="code-name">&amp;#xe868;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe869;</span>
                <div class="name">doubleleft</div>
                <div class="code-name">&amp;#xe869;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86a;</span>
                <div class="name">doubleright</div>
                <div class="code-name">&amp;#xe86a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86b;</span>
                <div class="name">down-circle-o</div>
                <div class="code-name">&amp;#xe86b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86c;</span>
                <div class="name">down-circle</div>
                <div class="code-name">&amp;#xe86c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86d;</span>
                <div class="name">down</div>
                <div class="code-name">&amp;#xe86d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86e;</span>
                <div class="name">down-square-o</div>
                <div class="code-name">&amp;#xe86e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe86f;</span>
                <div class="name">down-square</div>
                <div class="code-name">&amp;#xe86f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe870;</span>
                <div class="name">ellipsis</div>
                <div class="code-name">&amp;#xe870;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe871;</span>
                <div class="name">download</div>
                <div class="code-name">&amp;#xe871;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66a;</span>
                <div class="name">切换语言</div>
                <div class="code-name">&amp;#xe66a;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1685938269808') format('woff2'),
       url('iconfont.woff?t=1685938269808') format('woff'),
       url('iconfont.ttf?t=1685938269808') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont ve-icon-about"></span>
            <div class="name">
              关于我们
            </div>
            <div class="code-name">.ve-icon-about
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pin"></span>
            <div class="name">
              _钉子
            </div>
            <div class="code-name">.ve-icon-pin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-addfiletext"></span>
            <div class="name">
              新增
            </div>
            <div class="code-name">.ve-icon-addfiletext
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-addnote"></span>
            <div class="name">
              新增添加
            </div>
            <div class="code-name">.ve-icon-addnote
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-yewan"></span>
            <div class="name">
              夜晚
            </div>
            <div class="code-name">.ve-icon-yewan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-minimize"></span>
            <div class="name">
              Minimize-1
            </div>
            <div class="code-name">.ve-icon-minimize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-maximize"></span>
            <div class="name">
              Maximize-1
            </div>
            <div class="code-name">.ve-icon-maximize
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-maxrestore"></span>
            <div class="name">
              Maximize-3
            </div>
            <div class="code-name">.ve-icon-maxrestore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-bianji"></span>
            <div class="name">
              编辑
            </div>
            <div class="code-name">.ve-icon-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-restore"></span>
            <div class="name">
              最大化
            </div>
            <div class="code-name">.ve-icon-restore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-yuyin1"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.ve-icon-yuyin1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-submit"></span>
            <div class="name">
              发送
            </div>
            <div class="code-name">.ve-icon-submit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-mima"></span>
            <div class="name">
              密码
            </div>
            <div class="code-name">.ve-icon-mima
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-image"></span>
            <div class="name">
              添加图片
            </div>
            <div class="code-name">.ve-icon-image
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-audio"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.ve-icon-audio
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-yuyin"></span>
            <div class="name">
              语音
            </div>
            <div class="code-name">.ve-icon-yuyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dots"></span>
            <div class="name">
              点点
            </div>
            <div class="code-name">.ve-icon-dots
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-photo"></span>
            <div class="name">
              图片
            </div>
            <div class="code-name">.ve-icon-photo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-vdots"></span>
            <div class="name">
              点点
            </div>
            <div class="code-name">.ve-icon-vdots
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-filter2"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.ve-icon-filter2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clean"></span>
            <div class="name">
              清除
            </div>
            <div class="code-name">.ve-icon-clean
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dark"></span>
            <div class="name">
              暗黑模式
            </div>
            <div class="code-name">.ve-icon-dark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-language"></span>
            <div class="name">
              多语言
            </div>
            <div class="code-name">.ve-icon-language
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-layers-o"></span>
            <div class="name">
              模板参数
            </div>
            <div class="code-name">.ve-icon-layers-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-send-o"></span>
            <div class="name">
              发布
            </div>
            <div class="code-name">.ve-icon-send-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-settings-o"></span>
            <div class="name">
              设置
            </div>
            <div class="code-name">.ve-icon-settings-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-sunny"></span>
            <div class="name">
              明亮模式
            </div>
            <div class="code-name">.ve-icon-sunny
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.ve-icon-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-scaleY"></span>
            <div class="name">
              上下移动
            </div>
            <div class="code-name">.ve-icon-scaleY
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-scaleX"></span>
            <div class="name">
              左右移动
            </div>
            <div class="code-name">.ve-icon-scaleX
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-reset"></span>
            <div class="name">
              初始化
            </div>
            <div class="code-name">.ve-icon-reset
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-prev"></span>
            <div class="name">
              播放-上一个
            </div>
            <div class="code-name">.ve-icon-prev
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-next"></span>
            <div class="name">
              播放-下一个
            </div>
            <div class="code-name">.ve-icon-next
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-zoomBig"></span>
            <div class="name">
              放大镜1-线型
            </div>
            <div class="code-name">.ve-icon-zoomBig
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-zoomSmall"></span>
            <div class="name">
              放大镜2-线型
            </div>
            <div class="code-name">.ve-icon-zoomSmall
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-imgerr"></span>
            <div class="name">
              图片2-面型
            </div>
            <div class="code-name">.ve-icon-imgerr
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-downfile"></span>
            <div class="name">
              下载5
            </div>
            <div class="code-name">.ve-icon-downfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-rotateLeft"></span>
            <div class="name">
              逆时针旋转
            </div>
            <div class="code-name">.ve-icon-rotateLeft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-rotateRight"></span>
            <div class="name">
              顺时针旋转
            </div>
            <div class="code-name">.ve-icon-rotateRight
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-shouqi"></span>
            <div class="name">
              收起
            </div>
            <div class="code-name">.ve-icon-shouqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-quanping"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.ve-icon-quanping
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-paixu"></span>
            <div class="name">
              排序
            </div>
            <div class="code-name">.ve-icon-paixu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-xiangshang"></span>
            <div class="name">
              向上
            </div>
            <div class="code-name">.ve-icon-xiangshang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-xiangxia"></span>
            <div class="name">
              向下
            </div>
            <div class="code-name">.ve-icon-xiangxia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-full"></span>
            <div class="name">
              全屏
            </div>
            <div class="code-name">.ve-icon-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-collapse"></span>
            <div class="name">
              收起列
            </div>
            <div class="code-name">.ve-icon-collapse
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-xiala"></span>
            <div class="name">
              下拉
            </div>
            <div class="code-name">.ve-icon-xiala
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-unfull"></span>
            <div class="name">
              全屏退出
            </div>
            <div class="code-name">.ve-icon-unfull
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-enter"></span>
            <div class="name">
              enter
            </div>
            <div class="code-name">.ve-icon-enter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-enviroment"></span>
            <div class="name">
              enviroment
            </div>
            <div class="code-name">.ve-icon-enviroment
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-enviroment-o"></span>
            <div class="name">
              enviroment-o
            </div>
            <div class="code-name">.ve-icon-enviroment-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-exclamation-circle-o"></span>
            <div class="name">
              exclamation-circle-o
            </div>
            <div class="code-name">.ve-icon-exclamation-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-exclamation-circle"></span>
            <div class="name">
              exclamation-circle
            </div>
            <div class="code-name">.ve-icon-exclamation-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-exception"></span>
            <div class="name">
              exception
            </div>
            <div class="code-name">.ve-icon-exception
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-export1"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.ve-icon-export1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-exclefile"></span>
            <div class="name">
              exclefile
            </div>
            <div class="code-name">.ve-icon-exclefile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-export2"></span>
            <div class="name">
              export2
            </div>
            <div class="code-name">.ve-icon-export2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-eye-o"></span>
            <div class="name">
              eye-o
            </div>
            <div class="code-name">.ve-icon-eye-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-eye2"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.ve-icon-eye2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-fileplain"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.ve-icon-fileplain
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-filetext"></span>
            <div class="name">
              filetext
            </div>
            <div class="code-name">.ve-icon-filetext
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-filter1"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.ve-icon-filter1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-folder"></span>
            <div class="name">
              folder
            </div>
            <div class="code-name">.ve-icon-folder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-folderopen"></span>
            <div class="name">
              folderopen
            </div>
            <div class="code-name">.ve-icon-folderopen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-frown-o"></span>
            <div class="name">
              frown-o
            </div>
            <div class="code-name">.ve-icon-frown-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-github"></span>
            <div class="name">
              github
            </div>
            <div class="code-name">.ve-icon-github
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-frown"></span>
            <div class="name">
              frown
            </div>
            <div class="code-name">.ve-icon-frown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-hdd"></span>
            <div class="name">
              hdd
            </div>
            <div class="code-name">.ve-icon-hdd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-heart-o"></span>
            <div class="name">
              heart-o
            </div>
            <div class="code-name">.ve-icon-heart-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-heart1"></span>
            <div class="name">
              heart
            </div>
            <div class="code-name">.ve-icon-heart1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-inbox"></span>
            <div class="name">
              inbox
            </div>
            <div class="code-name">.ve-icon-inbox
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-ie"></span>
            <div class="name">
              ie
            </div>
            <div class="code-name">.ve-icon-ie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-info-cirlce"></span>
            <div class="name">
              info-cirlce
            </div>
            <div class="code-name">.ve-icon-info-cirlce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-info-cirlce-o"></span>
            <div class="name">
              info-cirlce-o
            </div>
            <div class="code-name">.ve-icon-info-cirlce-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-left-circle-o"></span>
            <div class="name">
              left-circle-o
            </div>
            <div class="code-name">.ve-icon-left-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-jpgfile"></span>
            <div class="name">
              jpgfile
            </div>
            <div class="code-name">.ve-icon-jpgfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-laptop1"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.ve-icon-laptop1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-left-square"></span>
            <div class="name">
              left-square
            </div>
            <div class="code-name">.ve-icon-left-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-left-circle"></span>
            <div class="name">
              left-circle
            </div>
            <div class="code-name">.ve-icon-left-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-left-square-o"></span>
            <div class="name">
              left-square-o
            </div>
            <div class="code-name">.ve-icon-left-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-left"></span>
            <div class="name">
              left
            </div>
            <div class="code-name">.ve-icon-left
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-like1"></span>
            <div class="name">
              like_fill
            </div>
            <div class="code-name">.ve-icon-like1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-linechart"></span>
            <div class="name">
              linechart
            </div>
            <div class="code-name">.ve-icon-linechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-loading"></span>
            <div class="name">
              loading1
            </div>
            <div class="code-name">.ve-icon-loading
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-lock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.ve-icon-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-meho"></span>
            <div class="name">
              meho
            </div>
            <div class="code-name">.ve-icon-meho
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-meh"></span>
            <div class="name">
              meh
            </div>
            <div class="code-name">.ve-icon-meh
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-menufold"></span>
            <div class="name">
              menufold
            </div>
            <div class="code-name">.ve-icon-menufold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-menuunfold"></span>
            <div class="name">
              menuunfold
            </div>
            <div class="code-name">.ve-icon-menuunfold
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-minus-circle-o"></span>
            <div class="name">
              minus-circle-o
            </div>
            <div class="code-name">.ve-icon-minus-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-minus-square-o"></span>
            <div class="name">
              minus-square-o
            </div>
            <div class="code-name">.ve-icon-minus-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-minus-circle"></span>
            <div class="name">
              minus-circle
            </div>
            <div class="code-name">.ve-icon-minus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-minus-square"></span>
            <div class="name">
              minus-square
            </div>
            <div class="code-name">.ve-icon-minus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-mobile1"></span>
            <div class="name">
              mobile
            </div>
            <div class="code-name">.ve-icon-mobile1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-paperclip"></span>
            <div class="name">
              paperclip
            </div>
            <div class="code-name">.ve-icon-paperclip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-notification1"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.ve-icon-notification1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pause-circle"></span>
            <div class="name">
              pause-circle
            </div>
            <div class="code-name">.ve-icon-pause-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pause-circle-o"></span>
            <div class="name">
              pause-circle-o
            </div>
            <div class="code-name">.ve-icon-pause-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pay-circle"></span>
            <div class="name">
              pay-circle
            </div>
            <div class="code-name">.ve-icon-pay-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pay-circle-o"></span>
            <div class="name">
              pay-circle-o
            </div>
            <div class="code-name">.ve-icon-pay-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pen"></span>
            <div class="name">
              pen
            </div>
            <div class="code-name">.ve-icon-pen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pdffile"></span>
            <div class="name">
              pdffile
            </div>
            <div class="code-name">.ve-icon-pdffile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-piechart"></span>
            <div class="name">
              piechart
            </div>
            <div class="code-name">.ve-icon-piechart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-play"></span>
            <div class="name">
              play
            </div>
            <div class="code-name">.ve-icon-play
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-play-circle-o"></span>
            <div class="name">
              play-circle-o
            </div>
            <div class="code-name">.ve-icon-play-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plus-circle-o"></span>
            <div class="name">
              plus-circle-o
            </div>
            <div class="code-name">.ve-icon-plus-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plus-square-o"></span>
            <div class="name">
              plus-square-o
            </div>
            <div class="code-name">.ve-icon-plus-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plus-circle"></span>
            <div class="name">
              plus-circle
            </div>
            <div class="code-name">.ve-icon-plus-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plus1"></span>
            <div class="name">
              plus
            </div>
            <div class="code-name">.ve-icon-plus1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-poweroff"></span>
            <div class="name">
              poweroff
            </div>
            <div class="code-name">.ve-icon-poweroff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plus-square"></span>
            <div class="name">
              plus-square
            </div>
            <div class="code-name">.ve-icon-plus-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pushpin"></span>
            <div class="name">
              pushpin
            </div>
            <div class="code-name">.ve-icon-pushpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pushpin-o"></span>
            <div class="name">
              pushpin-o
            </div>
            <div class="code-name">.ve-icon-pushpin-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-reload1"></span>
            <div class="name">
              reload
            </div>
            <div class="code-name">.ve-icon-reload1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-question-circle-o"></span>
            <div class="name">
              question-circle-o
            </div>
            <div class="code-name">.ve-icon-question-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-question-circle"></span>
            <div class="name">
              question-circle
            </div>
            <div class="code-name">.ve-icon-question-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-qrcode"></span>
            <div class="name">
              qrcode
            </div>
            <div class="code-name">.ve-icon-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-retweet"></span>
            <div class="name">
              retweet
            </div>
            <div class="code-name">.ve-icon-retweet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-right-circle"></span>
            <div class="name">
              right-circle
            </div>
            <div class="code-name">.ve-icon-right-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-right-circle-o"></span>
            <div class="name">
              right-circle-o
            </div>
            <div class="code-name">.ve-icon-right-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-right-square-o"></span>
            <div class="name">
              right-square-o
            </div>
            <div class="code-name">.ve-icon-right-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-right-square"></span>
            <div class="name">
              right-square
            </div>
            <div class="code-name">.ve-icon-right-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-rollback"></span>
            <div class="name">
              rollback
            </div>
            <div class="code-name">.ve-icon-rollback
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-right"></span>
            <div class="name">
              right
            </div>
            <div class="code-name">.ve-icon-right
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-save"></span>
            <div class="name">
              save
            </div>
            <div class="code-name">.ve-icon-save
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-shoppingcart"></span>
            <div class="name">
              shoppingcart
            </div>
            <div class="code-name">.ve-icon-shoppingcart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-scan"></span>
            <div class="name">
              scan
            </div>
            <div class="code-name">.ve-icon-scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-shrink"></span>
            <div class="name">
              shrink
            </div>
            <div class="code-name">.ve-icon-shrink
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-sharealt"></span>
            <div class="name">
              sharealt
            </div>
            <div class="code-name">.ve-icon-sharealt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-setting"></span>
            <div class="name">
              setting
            </div>
            <div class="code-name">.ve-icon-setting
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-smile1"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.ve-icon-smile1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-smile-o"></span>
            <div class="name">
              smile-o
            </div>
            <div class="code-name">.ve-icon-smile-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-star-o"></span>
            <div class="name">
              star-o
            </div>
            <div class="code-name">.ve-icon-star-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-solution"></span>
            <div class="name">
              solution
            </div>
            <div class="code-name">.ve-icon-solution
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-star"></span>
            <div class="name">
              star
            </div>
            <div class="code-name">.ve-icon-star
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-stepforward"></span>
            <div class="name">
              stepforward
            </div>
            <div class="code-name">.ve-icon-stepforward
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-stepbackward"></span>
            <div class="name">
              stepbackward
            </div>
            <div class="code-name">.ve-icon-stepbackward
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-swap"></span>
            <div class="name">
              swap
            </div>
            <div class="code-name">.ve-icon-swap
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-swapleft"></span>
            <div class="name">
              swapleft
            </div>
            <div class="code-name">.ve-icon-swapleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tag-o"></span>
            <div class="name">
              tag-o
            </div>
            <div class="code-name">.ve-icon-tag-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tablet"></span>
            <div class="name">
              tablet
            </div>
            <div class="code-name">.ve-icon-tablet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-swapright"></span>
            <div class="name">
              swapright
            </div>
            <div class="code-name">.ve-icon-swapright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tag1"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.ve-icon-tag1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tags"></span>
            <div class="name">
              tags
            </div>
            <div class="code-name">.ve-icon-tags
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tagso"></span>
            <div class="name">
              tagso
            </div>
            <div class="code-name">.ve-icon-tagso
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-rest"></span>
            <div class="name">
              rest
            </div>
            <div class="code-name">.ve-icon-rest
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-team"></span>
            <div class="name">
              team
            </div>
            <div class="code-name">.ve-icon-team
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-search"></span>
            <div class="name">
              search
            </div>
            <div class="code-name">.ve-icon-search
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-totop"></span>
            <div class="name">
              totop
            </div>
            <div class="code-name">.ve-icon-totop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-smile"></span>
            <div class="name">
              smile
            </div>
            <div class="code-name">.ve-icon-smile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-unlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.ve-icon-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tag"></span>
            <div class="name">
              tag
            </div>
            <div class="code-name">.ve-icon-tag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-up-circle-o"></span>
            <div class="name">
              up-circle-o
            </div>
            <div class="code-name">.ve-icon-up-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-top"></span>
            <div class="name">
              top
            </div>
            <div class="code-name">.ve-icon-top
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-up-circle"></span>
            <div class="name">
              up-circle
            </div>
            <div class="code-name">.ve-icon-up-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-user"></span>
            <div class="name">
              user
            </div>
            <div class="code-name">.ve-icon-user
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-up-square-o"></span>
            <div class="name">
              up-square-o
            </div>
            <div class="code-name">.ve-icon-up-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-link"></span>
            <div class="name">
              link
            </div>
            <div class="code-name">.ve-icon-link
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-up-square"></span>
            <div class="name">
              up-square
            </div>
            <div class="code-name">.ve-icon-up-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-logout"></span>
            <div class="name">
              logout
            </div>
            <div class="code-name">.ve-icon-logout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-up"></span>
            <div class="name">
              up
            </div>
            <div class="code-name">.ve-icon-up
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-mail"></span>
            <div class="name">
              mail
            </div>
            <div class="code-name">.ve-icon-mail
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-verticleleft"></span>
            <div class="name">
              verticleleft
            </div>
            <div class="code-name">.ve-icon-verticleleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-minus"></span>
            <div class="name">
              minus
            </div>
            <div class="code-name">.ve-icon-minus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-mobile"></span>
            <div class="name">
              mobile
            </div>
            <div class="code-name">.ve-icon-mobile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-upload"></span>
            <div class="name">
              upload
            </div>
            <div class="code-name">.ve-icon-upload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-note"></span>
            <div class="name">
              note
            </div>
            <div class="code-name">.ve-icon-note
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-windows-o"></span>
            <div class="name">
              windows-o
            </div>
            <div class="code-name">.ve-icon-windows-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-notification"></span>
            <div class="name">
              notification
            </div>
            <div class="code-name">.ve-icon-notification
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-windows"></span>
            <div class="name">
              windows
            </div>
            <div class="code-name">.ve-icon-windows
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-picture"></span>
            <div class="name">
              picture
            </div>
            <div class="code-name">.ve-icon-picture
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-wordfile"></span>
            <div class="name">
              wordfile
            </div>
            <div class="code-name">.ve-icon-wordfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-place"></span>
            <div class="name">
              place
            </div>
            <div class="code-name">.ve-icon-place
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-note_fill"></span>
            <div class="name">
              note_fill
            </div>
            <div class="code-name">.ve-icon-note_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plus"></span>
            <div class="name">
              plus
            </div>
            <div class="code-name">.ve-icon-plus
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-mail_fill"></span>
            <div class="name">
              mail_fill
            </div>
            <div class="code-name">.ve-icon-mail_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-edit"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.ve-icon-edit
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-export_fill"></span>
            <div class="name">
              export_fill
            </div>
            <div class="code-name">.ve-icon-export_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-ellipsis"></span>
            <div class="name">
              ellipsis
            </div>
            <div class="code-name">.ve-icon-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-export"></span>
            <div class="name">
              export
            </div>
            <div class="code-name">.ve-icon-export
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-express"></span>
            <div class="name">
              express
            </div>
            <div class="code-name">.ve-icon-express
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-eye"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.ve-icon-eye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-edit1"></span>
            <div class="name">
              edit
            </div>
            <div class="code-name">.ve-icon-edit1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-file"></span>
            <div class="name">
              file
            </div>
            <div class="code-name">.ve-icon-file
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-addfile"></span>
            <div class="name">
              addfile
            </div>
            <div class="code-name">.ve-icon-addfile
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-filter"></span>
            <div class="name">
              filter
            </div>
            <div class="code-name">.ve-icon-filter
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-bulb"></span>
            <div class="name">
              bulb
            </div>
            <div class="code-name">.ve-icon-bulb
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-history"></span>
            <div class="name">
              history
            </div>
            <div class="code-name">.ve-icon-history
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-addfolder"></span>
            <div class="name">
              addfolder
            </div>
            <div class="code-name">.ve-icon-addfolder
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-home"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.ve-icon-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-id"></span>
            <div class="name">
              id
            </div>
            <div class="code-name">.ve-icon-id
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-info"></span>
            <div class="name">
              info
            </div>
            <div class="code-name">.ve-icon-info
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-card"></span>
            <div class="name">
              card
            </div>
            <div class="code-name">.ve-icon-card
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-laptop"></span>
            <div class="name">
              laptop
            </div>
            <div class="code-name">.ve-icon-laptop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-appstore"></span>
            <div class="name">
              appstore
            </div>
            <div class="code-name">.ve-icon-appstore
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-calender"></span>
            <div class="name">
              calender
            </div>
            <div class="code-name">.ve-icon-calender
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-plugin"></span>
            <div class="name">
              plugin
            </div>
            <div class="code-name">.ve-icon-plugin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-change"></span>
            <div class="name">
              change
            </div>
            <div class="code-name">.ve-icon-change
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-chart"></span>
            <div class="name">
              chart
            </div>
            <div class="code-name">.ve-icon-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-menu"></span>
            <div class="name">
              menu
            </div>
            <div class="code-name">.ve-icon-menu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-check"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.ve-icon-check
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-reload2"></span>
            <div class="name">
              reload
            </div>
            <div class="code-name">.ve-icon-reload2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clip"></span>
            <div class="name">
              clip
            </div>
            <div class="code-name">.ve-icon-clip
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clock"></span>
            <div class="name">
              clock
            </div>
            <div class="code-name">.ve-icon-clock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-setting_fill"></span>
            <div class="name">
              setting_fill
            </div>
            <div class="code-name">.ve-icon-setting_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-computer"></span>
            <div class="name">
              computer
            </div>
            <div class="code-name">.ve-icon-computer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dashboard_fill"></span>
            <div class="name">
              dashboard_fill
            </div>
            <div class="code-name">.ve-icon-dashboard_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-cross"></span>
            <div class="name">
              cross
            </div>
            <div class="code-name">.ve-icon-cross
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-send"></span>
            <div class="name">
              send
            </div>
            <div class="code-name">.ve-icon-send
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dashboard"></span>
            <div class="name">
              dashboard
            </div>
            <div class="code-name">.ve-icon-dashboard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-rocket_fill"></span>
            <div class="name">
              rocket_fill
            </div>
            <div class="code-name">.ve-icon-rocket_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-delete"></span>
            <div class="name">
              delete
            </div>
            <div class="code-name">.ve-icon-delete
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-schedulefill"></span>
            <div class="name">
              schedule_fill
            </div>
            <div class="code-name">.ve-icon-schedulefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-download"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.ve-icon-download
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-schedule"></span>
            <div class="name">
              schedule
            </div>
            <div class="code-name">.ve-icon-schedule
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-message"></span>
            <div class="name">
              message
            </div>
            <div class="code-name">.ve-icon-message
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-team_fill"></span>
            <div class="name">
              team_fill
            </div>
            <div class="code-name">.ve-icon-team_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-bars"></span>
            <div class="name">
              bars
            </div>
            <div class="code-name">.ve-icon-bars
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-move"></span>
            <div class="name">
              move
            </div>
            <div class="code-name">.ve-icon-move
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-hide"></span>
            <div class="name">
              hide
            </div>
            <div class="code-name">.ve-icon-hide
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-express_fill"></span>
            <div class="name">
              express_fill
            </div>
            <div class="code-name">.ve-icon-express_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-eye1"></span>
            <div class="name">
              eye
            </div>
            <div class="code-name">.ve-icon-eye1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-warranty"></span>
            <div class="name">
              warranty
            </div>
            <div class="code-name">.ve-icon-warranty
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-zoomin"></span>
            <div class="name">
              zoom in
            </div>
            <div class="code-name">.ve-icon-zoomin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tstar_"></span>
            <div class="name">
              tstar_3
            </div>
            <div class="code-name">.ve-icon-tstar_
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-zoomout"></span>
            <div class="name">
              zoom out
            </div>
            <div class="code-name">.ve-icon-zoomout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tstar_1"></span>
            <div class="name">
              tstar_2
            </div>
            <div class="code-name">.ve-icon-tstar_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-acrotate"></span>
            <div class="name">
              ac rotate
            </div>
            <div class="code-name">.ve-icon-acrotate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tstar_2"></span>
            <div class="name">
              tstar_1
            </div>
            <div class="code-name">.ve-icon-tstar_2
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-cwrotate"></span>
            <div class="name">
              cw rotate
            </div>
            <div class="code-name">.ve-icon-cwrotate
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-tstar_3"></span>
            <div class="name">
              tstar_4
            </div>
            <div class="code-name">.ve-icon-tstar_3
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-heart"></span>
            <div class="name">
              heart
            </div>
            <div class="code-name">.ve-icon-heart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pay"></span>
            <div class="name">
              pay
            </div>
            <div class="code-name">.ve-icon-pay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-like"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.ve-icon-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-wifi"></span>
            <div class="name">
              wifi
            </div>
            <div class="code-name">.ve-icon-wifi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-arrowright"></span>
            <div class="name">
              arrow_right
            </div>
            <div class="code-name">.ve-icon-arrowright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-customermanager"></span>
            <div class="name">
              customermanager
            </div>
            <div class="code-name">.ve-icon-customermanager
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-arrowup"></span>
            <div class="name">
              arrow_up
            </div>
            <div class="code-name">.ve-icon-arrowup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-drag"></span>
            <div class="name">
              drag
            </div>
            <div class="code-name">.ve-icon-drag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-arrowdown"></span>
            <div class="name">
              arrow down
            </div>
            <div class="code-name">.ve-icon-arrowdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-enterprise"></span>
            <div class="name">
              enterprise
            </div>
            <div class="code-name">.ve-icon-enterprise
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-arrowleft"></span>
            <div class="name">
              arrow_left
            </div>
            <div class="code-name">.ve-icon-arrowleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-channel"></span>
            <div class="name">
              channel
            </div>
            <div class="code-name">.ve-icon-channel
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-favorfill"></span>
            <div class="name">
              favor_fill
            </div>
            <div class="code-name">.ve-icon-favorfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-compass"></span>
            <div class="name">
              compass
            </div>
            <div class="code-name">.ve-icon-compass
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-heartfill"></span>
            <div class="name">
              heart_fill
            </div>
            <div class="code-name">.ve-icon-heartfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-database"></span>
            <div class="name">
              database
            </div>
            <div class="code-name">.ve-icon-database
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dislike"></span>
            <div class="name">
              dislike
            </div>
            <div class="code-name">.ve-icon-dislike
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-contacts"></span>
            <div class="name">
              contacts
            </div>
            <div class="code-name">.ve-icon-contacts
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-account"></span>
            <div class="name">
              account
            </div>
            <div class="code-name">.ve-icon-account
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-key"></span>
            <div class="name">
              key
            </div>
            <div class="code-name">.ve-icon-key
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-menuoff"></span>
            <div class="name">
              menu off
            </div>
            <div class="code-name">.ve-icon-menuoff
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-global"></span>
            <div class="name">
              global
            </div>
            <div class="code-name">.ve-icon-global
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-menuon"></span>
            <div class="name">
              menu on
            </div>
            <div class="code-name">.ve-icon-menuon
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-red-envelope"></span>
            <div class="name">
              red-envelope
            </div>
            <div class="code-name">.ve-icon-red-envelope
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-orderselect"></span>
            <div class="name">
              order select
            </div>
            <div class="code-name">.ve-icon-orderselect
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-layout"></span>
            <div class="name">
              layout
            </div>
            <div class="code-name">.ve-icon-layout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-order"></span>
            <div class="name">
              order
            </div>
            <div class="code-name">.ve-icon-order
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-printer"></span>
            <div class="name">
              printer
            </div>
            <div class="code-name">.ve-icon-printer
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-favor"></span>
            <div class="name">
              favor
            </div>
            <div class="code-name">.ve-icon-favor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-skin"></span>
            <div class="name">
              skin
            </div>
            <div class="code-name">.ve-icon-skin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-idinput"></span>
            <div class="name">
              id input
            </div>
            <div class="code-name">.ve-icon-idinput
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-table"></span>
            <div class="name">
              table
            </div>
            <div class="code-name">.ve-icon-table
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-rank"></span>
            <div class="name">
              rank
            </div>
            <div class="code-name">.ve-icon-rank
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-wallet"></span>
            <div class="name">
              wallet
            </div>
            <div class="code-name">.ve-icon-wallet
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-sort"></span>
            <div class="name">
              sort
            </div>
            <div class="code-name">.ve-icon-sort
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-gift"></span>
            <div class="name">
              gift
            </div>
            <div class="code-name">.ve-icon-gift
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-automation"></span>
            <div class="name">
              automation
            </div>
            <div class="code-name">.ve-icon-automation
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-car"></span>
            <div class="name">
              car
            </div>
            <div class="code-name">.ve-icon-car
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-caretdown"></span>
            <div class="name">
              caret_down
            </div>
            <div class="code-name">.ve-icon-caretdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-coffee"></span>
            <div class="name">
              coffee
            </div>
            <div class="code-name">.ve-icon-coffee
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-caretup"></span>
            <div class="name">
              caret_up
            </div>
            <div class="code-name">.ve-icon-caretup
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-case-o"></span>
            <div class="name">
              case-o
            </div>
            <div class="code-name">.ve-icon-case-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-reload"></span>
            <div class="name">
              reload
            </div>
            <div class="code-name">.ve-icon-reload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-order-o"></span>
            <div class="name">
              order-o
            </div>
            <div class="code-name">.ve-icon-order-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-flagfill"></span>
            <div class="name">
              flag_fill
            </div>
            <div class="code-name">.ve-icon-flagfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-flag"></span>
            <div class="name">
              flag
            </div>
            <div class="code-name">.ve-icon-flag
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-callin"></span>
            <div class="name">
              call_in
            </div>
            <div class="code-name">.ve-icon-callin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-callout"></span>
            <div class="name">
              call_out
            </div>
            <div class="code-name">.ve-icon-callout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dial"></span>
            <div class="name">
              dial
            </div>
            <div class="code-name">.ve-icon-dial
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-refund"></span>
            <div class="name">
              refund
            </div>
            <div class="code-name">.ve-icon-refund
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-messagefill"></span>
            <div class="name">
              message_fill
            </div>
            <div class="code-name">.ve-icon-messagefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-phonefill"></span>
            <div class="name">
              phone_fill
            </div>
            <div class="code-name">.ve-icon-phonefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-phone"></span>
            <div class="name">
              phone
            </div>
            <div class="code-name">.ve-icon-phone
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clockfill"></span>
            <div class="name">
              clock_fill
            </div>
            <div class="code-name">.ve-icon-clockfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-notificationfill"></span>
            <div class="name">
              notification_fill
            </div>
            <div class="code-name">.ve-icon-notificationfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-cut"></span>
            <div class="name">
              cut
            </div>
            <div class="code-name">.ve-icon-cut
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-book"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.ve-icon-book
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-barrage"></span>
            <div class="name">
              barrage
            </div>
            <div class="code-name">.ve-icon-barrage
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-male"></span>
            <div class="name">
              male
            </div>
            <div class="code-name">.ve-icon-male
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-female"></span>
            <div class="name">
              female
            </div>
            <div class="code-name">.ve-icon-female
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-expand"></span>
            <div class="name">
              expand
            </div>
            <div class="code-name">.ve-icon-expand
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-refund1"></span>
            <div class="name">
              refund
            </div>
            <div class="code-name">.ve-icon-refund1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-pie-chart"></span>
            <div class="name">
              pie-chart
            </div>
            <div class="code-name">.ve-icon-pie-chart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-backspace"></span>
            <div class="name">
              backspace
            </div>
            <div class="code-name">.ve-icon-backspace
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-Invalid"></span>
            <div class="name">
              Invalid
            </div>
            <div class="code-name">.ve-icon-Invalid
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-repeat"></span>
            <div class="name">
              repeat
            </div>
            <div class="code-name">.ve-icon-repeat
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-timeout"></span>
            <div class="name">
              timeout
            </div>
            <div class="code-name">.ve-icon-timeout
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-urged"></span>
            <div class="name">
              urged
            </div>
            <div class="code-name">.ve-icon-urged
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-intervene"></span>
            <div class="name">
              intervene
            </div>
            <div class="code-name">.ve-icon-intervene
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-voice"></span>
            <div class="name">
              voice
            </div>
            <div class="code-name">.ve-icon-voice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-apple"></span>
            <div class="name">
              apple
            </div>
            <div class="code-name">.ve-icon-apple
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-appstore-o"></span>
            <div class="name">
              appstore-o
            </div>
            <div class="code-name">.ve-icon-appstore-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-areachart"></span>
            <div class="name">
              areachart
            </div>
            <div class="code-name">.ve-icon-areachart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-apple-o"></span>
            <div class="name">
              apple-o
            </div>
            <div class="code-name">.ve-icon-apple-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-android"></span>
            <div class="name">
              android
            </div>
            <div class="code-name">.ve-icon-android
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-appstore1"></span>
            <div class="name">
              appstore
            </div>
            <div class="code-name">.ve-icon-appstore1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-arrowsalt"></span>
            <div class="name">
              arrowsalt
            </div>
            <div class="code-name">.ve-icon-arrowsalt
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-banckward"></span>
            <div class="name">
              banckward
            </div>
            <div class="code-name">.ve-icon-banckward
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-bars1"></span>
            <div class="name">
              bars
            </div>
            <div class="code-name">.ve-icon-bars1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-book1"></span>
            <div class="name">
              book
            </div>
            <div class="code-name">.ve-icon-book1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-barchart"></span>
            <div class="name">
              barchart
            </div>
            <div class="code-name">.ve-icon-barchart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-calendar"></span>
            <div class="name">
              calendar
            </div>
            <div class="code-name">.ve-icon-calendar
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-camera-o"></span>
            <div class="name">
              camera-o
            </div>
            <div class="code-name">.ve-icon-camera-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-caretleft"></span>
            <div class="name">
              caretleft
            </div>
            <div class="code-name">.ve-icon-caretleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-caretdown1"></span>
            <div class="name">
              caretdown
            </div>
            <div class="code-name">.ve-icon-caretdown1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-calculator"></span>
            <div class="name">
              calculator
            </div>
            <div class="code-name">.ve-icon-calculator
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-camera"></span>
            <div class="name">
              camera
            </div>
            <div class="code-name">.ve-icon-camera
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-caretright"></span>
            <div class="name">
              caretright
            </div>
            <div class="code-name">.ve-icon-caretright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-check-circle"></span>
            <div class="name">
              check-circle
            </div>
            <div class="code-name">.ve-icon-check-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-caretup1"></span>
            <div class="name">
              caretup
            </div>
            <div class="code-name">.ve-icon-caretup1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-check-circle-o"></span>
            <div class="name">
              check-circle-o
            </div>
            <div class="code-name">.ve-icon-check-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-check-square"></span>
            <div class="name">
              check-square
            </div>
            <div class="code-name">.ve-icon-check-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-check-square-o"></span>
            <div class="name">
              check-square-o
            </div>
            <div class="code-name">.ve-icon-check-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-circledown"></span>
            <div class="name">
              circledown
            </div>
            <div class="code-name">.ve-icon-circledown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-chrome"></span>
            <div class="name">
              chrome
            </div>
            <div class="code-name">.ve-icon-chrome
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-check1"></span>
            <div class="name">
              check
            </div>
            <div class="code-name">.ve-icon-check1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-circledown-o"></span>
            <div class="name">
              circledown-o
            </div>
            <div class="code-name">.ve-icon-circledown-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clock-circle"></span>
            <div class="name">
              clock-circle
            </div>
            <div class="code-name">.ve-icon-clock-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clock-circle-o"></span>
            <div class="name">
              clock-circle-o
            </div>
            <div class="code-name">.ve-icon-clock-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-close-circle-o"></span>
            <div class="name">
              close-circle-o
            </div>
            <div class="code-name">.ve-icon-close-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-close-circle"></span>
            <div class="name">
              close-circle
            </div>
            <div class="code-name">.ve-icon-close-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-close-square-o"></span>
            <div class="name">
              close-square-o
            </div>
            <div class="code-name">.ve-icon-close-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-close-square"></span>
            <div class="name">
              close-square
            </div>
            <div class="code-name">.ve-icon-close-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-close"></span>
            <div class="name">
              close
            </div>
            <div class="code-name">.ve-icon-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clouddownload-o"></span>
            <div class="name">
              clouddownload-o
            </div>
            <div class="code-name">.ve-icon-clouddownload-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-clouddownload"></span>
            <div class="name">
              clouddownload
            </div>
            <div class="code-name">.ve-icon-clouddownload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-cloudupload-o"></span>
            <div class="name">
              cloudupload-o
            </div>
            <div class="code-name">.ve-icon-cloudupload-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-cloudupload"></span>
            <div class="name">
              cloudupload
            </div>
            <div class="code-name">.ve-icon-cloudupload
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-code-square-o"></span>
            <div class="name">
              code-square-o
            </div>
            <div class="code-name">.ve-icon-code-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-code-square"></span>
            <div class="name">
              code-square
            </div>
            <div class="code-name">.ve-icon-code-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-creditcard"></span>
            <div class="name">
              creditcard
            </div>
            <div class="code-name">.ve-icon-creditcard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-copy"></span>
            <div class="name">
              copy
            </div>
            <div class="code-name">.ve-icon-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-desktop"></span>
            <div class="name">
              desktop
            </div>
            <div class="code-name">.ve-icon-desktop
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-customerservice"></span>
            <div class="name">
              customerservice
            </div>
            <div class="code-name">.ve-icon-customerservice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dislike1"></span>
            <div class="name">
              dislike_fill
            </div>
            <div class="code-name">.ve-icon-dislike1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-dotchart"></span>
            <div class="name">
              dotchart
            </div>
            <div class="code-name">.ve-icon-dotchart
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-doubleleft"></span>
            <div class="name">
              doubleleft
            </div>
            <div class="code-name">.ve-icon-doubleleft
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-doubleright"></span>
            <div class="name">
              doubleright
            </div>
            <div class="code-name">.ve-icon-doubleright
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-down-circle-o"></span>
            <div class="name">
              down-circle-o
            </div>
            <div class="code-name">.ve-icon-down-circle-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-down-circle"></span>
            <div class="name">
              down-circle
            </div>
            <div class="code-name">.ve-icon-down-circle
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-down"></span>
            <div class="name">
              down
            </div>
            <div class="code-name">.ve-icon-down
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-down-square-o"></span>
            <div class="name">
              down-square-o
            </div>
            <div class="code-name">.ve-icon-down-square-o
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-down-square"></span>
            <div class="name">
              down-square
            </div>
            <div class="code-name">.ve-icon-down-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-ellipsis1"></span>
            <div class="name">
              ellipsis
            </div>
            <div class="code-name">.ve-icon-ellipsis1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-download1"></span>
            <div class="name">
              download
            </div>
            <div class="code-name">.ve-icon-download1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont ve-icon-lang"></span>
            <div class="name">
              切换语言
            </div>
            <div class="code-name">.ve-icon-lang
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont ve-icon-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-about"></use>
                </svg>
                <div class="name">关于我们</div>
                <div class="code-name">#ve-icon-about</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pin"></use>
                </svg>
                <div class="name">_钉子</div>
                <div class="code-name">#ve-icon-pin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-addfiletext"></use>
                </svg>
                <div class="name">新增</div>
                <div class="code-name">#ve-icon-addfiletext</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-addnote"></use>
                </svg>
                <div class="name">新增添加</div>
                <div class="code-name">#ve-icon-addnote</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-yewan"></use>
                </svg>
                <div class="name">夜晚</div>
                <div class="code-name">#ve-icon-yewan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-minimize"></use>
                </svg>
                <div class="name">Minimize-1</div>
                <div class="code-name">#ve-icon-minimize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-maximize"></use>
                </svg>
                <div class="name">Maximize-1</div>
                <div class="code-name">#ve-icon-maximize</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-maxrestore"></use>
                </svg>
                <div class="name">Maximize-3</div>
                <div class="code-name">#ve-icon-maxrestore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-bianji"></use>
                </svg>
                <div class="name">编辑</div>
                <div class="code-name">#ve-icon-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-restore"></use>
                </svg>
                <div class="name">最大化</div>
                <div class="code-name">#ve-icon-restore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-yuyin1"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#ve-icon-yuyin1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-submit"></use>
                </svg>
                <div class="name">发送</div>
                <div class="code-name">#ve-icon-submit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-mima"></use>
                </svg>
                <div class="name">密码</div>
                <div class="code-name">#ve-icon-mima</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-image"></use>
                </svg>
                <div class="name">添加图片</div>
                <div class="code-name">#ve-icon-image</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-audio"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#ve-icon-audio</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-yuyin"></use>
                </svg>
                <div class="name">语音</div>
                <div class="code-name">#ve-icon-yuyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dots"></use>
                </svg>
                <div class="name">点点</div>
                <div class="code-name">#ve-icon-dots</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-photo"></use>
                </svg>
                <div class="name">图片</div>
                <div class="code-name">#ve-icon-photo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-vdots"></use>
                </svg>
                <div class="name">点点</div>
                <div class="code-name">#ve-icon-vdots</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-filter2"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#ve-icon-filter2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clean"></use>
                </svg>
                <div class="name">清除</div>
                <div class="code-name">#ve-icon-clean</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dark"></use>
                </svg>
                <div class="name">暗黑模式</div>
                <div class="code-name">#ve-icon-dark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-language"></use>
                </svg>
                <div class="name">多语言</div>
                <div class="code-name">#ve-icon-language</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-layers-o"></use>
                </svg>
                <div class="name">模板参数</div>
                <div class="code-name">#ve-icon-layers-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-send-o"></use>
                </svg>
                <div class="name">发布</div>
                <div class="code-name">#ve-icon-send-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-settings-o"></use>
                </svg>
                <div class="name">设置</div>
                <div class="code-name">#ve-icon-settings-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-sunny"></use>
                </svg>
                <div class="name">明亮模式</div>
                <div class="code-name">#ve-icon-sunny</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#ve-icon-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-scaleY"></use>
                </svg>
                <div class="name">上下移动</div>
                <div class="code-name">#ve-icon-scaleY</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-scaleX"></use>
                </svg>
                <div class="name">左右移动</div>
                <div class="code-name">#ve-icon-scaleX</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-reset"></use>
                </svg>
                <div class="name">初始化</div>
                <div class="code-name">#ve-icon-reset</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-prev"></use>
                </svg>
                <div class="name">播放-上一个</div>
                <div class="code-name">#ve-icon-prev</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-next"></use>
                </svg>
                <div class="name">播放-下一个</div>
                <div class="code-name">#ve-icon-next</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-zoomBig"></use>
                </svg>
                <div class="name">放大镜1-线型</div>
                <div class="code-name">#ve-icon-zoomBig</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-zoomSmall"></use>
                </svg>
                <div class="name">放大镜2-线型</div>
                <div class="code-name">#ve-icon-zoomSmall</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-imgerr"></use>
                </svg>
                <div class="name">图片2-面型</div>
                <div class="code-name">#ve-icon-imgerr</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-downfile"></use>
                </svg>
                <div class="name">下载5</div>
                <div class="code-name">#ve-icon-downfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-rotateLeft"></use>
                </svg>
                <div class="name">逆时针旋转</div>
                <div class="code-name">#ve-icon-rotateLeft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-rotateRight"></use>
                </svg>
                <div class="name">顺时针旋转</div>
                <div class="code-name">#ve-icon-rotateRight</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-shouqi"></use>
                </svg>
                <div class="name">收起</div>
                <div class="code-name">#ve-icon-shouqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-quanping"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#ve-icon-quanping</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-paixu"></use>
                </svg>
                <div class="name">排序</div>
                <div class="code-name">#ve-icon-paixu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-xiangshang"></use>
                </svg>
                <div class="name">向上</div>
                <div class="code-name">#ve-icon-xiangshang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-xiangxia"></use>
                </svg>
                <div class="name">向下</div>
                <div class="code-name">#ve-icon-xiangxia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-full"></use>
                </svg>
                <div class="name">全屏</div>
                <div class="code-name">#ve-icon-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-collapse"></use>
                </svg>
                <div class="name">收起列</div>
                <div class="code-name">#ve-icon-collapse</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-xiala"></use>
                </svg>
                <div class="name">下拉</div>
                <div class="code-name">#ve-icon-xiala</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-unfull"></use>
                </svg>
                <div class="name">全屏退出</div>
                <div class="code-name">#ve-icon-unfull</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-enter"></use>
                </svg>
                <div class="name">enter</div>
                <div class="code-name">#ve-icon-enter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-enviroment"></use>
                </svg>
                <div class="name">enviroment</div>
                <div class="code-name">#ve-icon-enviroment</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-enviroment-o"></use>
                </svg>
                <div class="name">enviroment-o</div>
                <div class="code-name">#ve-icon-enviroment-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-exclamation-circle-o"></use>
                </svg>
                <div class="name">exclamation-circle-o</div>
                <div class="code-name">#ve-icon-exclamation-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-exclamation-circle"></use>
                </svg>
                <div class="name">exclamation-circle</div>
                <div class="code-name">#ve-icon-exclamation-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-exception"></use>
                </svg>
                <div class="name">exception</div>
                <div class="code-name">#ve-icon-exception</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-export1"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#ve-icon-export1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-exclefile"></use>
                </svg>
                <div class="name">exclefile</div>
                <div class="code-name">#ve-icon-exclefile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-export2"></use>
                </svg>
                <div class="name">export2</div>
                <div class="code-name">#ve-icon-export2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-eye-o"></use>
                </svg>
                <div class="name">eye-o</div>
                <div class="code-name">#ve-icon-eye-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-eye2"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#ve-icon-eye2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-fileplain"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#ve-icon-fileplain</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-filetext"></use>
                </svg>
                <div class="name">filetext</div>
                <div class="code-name">#ve-icon-filetext</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-filter1"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#ve-icon-filter1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-folder"></use>
                </svg>
                <div class="name">folder</div>
                <div class="code-name">#ve-icon-folder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-folderopen"></use>
                </svg>
                <div class="name">folderopen</div>
                <div class="code-name">#ve-icon-folderopen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-frown-o"></use>
                </svg>
                <div class="name">frown-o</div>
                <div class="code-name">#ve-icon-frown-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-github"></use>
                </svg>
                <div class="name">github</div>
                <div class="code-name">#ve-icon-github</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-frown"></use>
                </svg>
                <div class="name">frown</div>
                <div class="code-name">#ve-icon-frown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-hdd"></use>
                </svg>
                <div class="name">hdd</div>
                <div class="code-name">#ve-icon-hdd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-heart-o"></use>
                </svg>
                <div class="name">heart-o</div>
                <div class="code-name">#ve-icon-heart-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-heart1"></use>
                </svg>
                <div class="name">heart</div>
                <div class="code-name">#ve-icon-heart1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-inbox"></use>
                </svg>
                <div class="name">inbox</div>
                <div class="code-name">#ve-icon-inbox</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-ie"></use>
                </svg>
                <div class="name">ie</div>
                <div class="code-name">#ve-icon-ie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-info-cirlce"></use>
                </svg>
                <div class="name">info-cirlce</div>
                <div class="code-name">#ve-icon-info-cirlce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-info-cirlce-o"></use>
                </svg>
                <div class="name">info-cirlce-o</div>
                <div class="code-name">#ve-icon-info-cirlce-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-left-circle-o"></use>
                </svg>
                <div class="name">left-circle-o</div>
                <div class="code-name">#ve-icon-left-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-jpgfile"></use>
                </svg>
                <div class="name">jpgfile</div>
                <div class="code-name">#ve-icon-jpgfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-laptop1"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#ve-icon-laptop1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-left-square"></use>
                </svg>
                <div class="name">left-square</div>
                <div class="code-name">#ve-icon-left-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-left-circle"></use>
                </svg>
                <div class="name">left-circle</div>
                <div class="code-name">#ve-icon-left-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-left-square-o"></use>
                </svg>
                <div class="name">left-square-o</div>
                <div class="code-name">#ve-icon-left-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-left"></use>
                </svg>
                <div class="name">left</div>
                <div class="code-name">#ve-icon-left</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-like1"></use>
                </svg>
                <div class="name">like_fill</div>
                <div class="code-name">#ve-icon-like1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-linechart"></use>
                </svg>
                <div class="name">linechart</div>
                <div class="code-name">#ve-icon-linechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-loading"></use>
                </svg>
                <div class="name">loading1</div>
                <div class="code-name">#ve-icon-loading</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-lock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#ve-icon-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-meho"></use>
                </svg>
                <div class="name">meho</div>
                <div class="code-name">#ve-icon-meho</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-meh"></use>
                </svg>
                <div class="name">meh</div>
                <div class="code-name">#ve-icon-meh</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-menufold"></use>
                </svg>
                <div class="name">menufold</div>
                <div class="code-name">#ve-icon-menufold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-menuunfold"></use>
                </svg>
                <div class="name">menuunfold</div>
                <div class="code-name">#ve-icon-menuunfold</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-minus-circle-o"></use>
                </svg>
                <div class="name">minus-circle-o</div>
                <div class="code-name">#ve-icon-minus-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-minus-square-o"></use>
                </svg>
                <div class="name">minus-square-o</div>
                <div class="code-name">#ve-icon-minus-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-minus-circle"></use>
                </svg>
                <div class="name">minus-circle</div>
                <div class="code-name">#ve-icon-minus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-minus-square"></use>
                </svg>
                <div class="name">minus-square</div>
                <div class="code-name">#ve-icon-minus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-mobile1"></use>
                </svg>
                <div class="name">mobile</div>
                <div class="code-name">#ve-icon-mobile1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-paperclip"></use>
                </svg>
                <div class="name">paperclip</div>
                <div class="code-name">#ve-icon-paperclip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-notification1"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#ve-icon-notification1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pause-circle"></use>
                </svg>
                <div class="name">pause-circle</div>
                <div class="code-name">#ve-icon-pause-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pause-circle-o"></use>
                </svg>
                <div class="name">pause-circle-o</div>
                <div class="code-name">#ve-icon-pause-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pay-circle"></use>
                </svg>
                <div class="name">pay-circle</div>
                <div class="code-name">#ve-icon-pay-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pay-circle-o"></use>
                </svg>
                <div class="name">pay-circle-o</div>
                <div class="code-name">#ve-icon-pay-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pen"></use>
                </svg>
                <div class="name">pen</div>
                <div class="code-name">#ve-icon-pen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pdffile"></use>
                </svg>
                <div class="name">pdffile</div>
                <div class="code-name">#ve-icon-pdffile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-piechart"></use>
                </svg>
                <div class="name">piechart</div>
                <div class="code-name">#ve-icon-piechart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-play"></use>
                </svg>
                <div class="name">play</div>
                <div class="code-name">#ve-icon-play</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-play-circle-o"></use>
                </svg>
                <div class="name">play-circle-o</div>
                <div class="code-name">#ve-icon-play-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plus-circle-o"></use>
                </svg>
                <div class="name">plus-circle-o</div>
                <div class="code-name">#ve-icon-plus-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plus-square-o"></use>
                </svg>
                <div class="name">plus-square-o</div>
                <div class="code-name">#ve-icon-plus-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plus-circle"></use>
                </svg>
                <div class="name">plus-circle</div>
                <div class="code-name">#ve-icon-plus-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plus1"></use>
                </svg>
                <div class="name">plus</div>
                <div class="code-name">#ve-icon-plus1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-poweroff"></use>
                </svg>
                <div class="name">poweroff</div>
                <div class="code-name">#ve-icon-poweroff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plus-square"></use>
                </svg>
                <div class="name">plus-square</div>
                <div class="code-name">#ve-icon-plus-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pushpin"></use>
                </svg>
                <div class="name">pushpin</div>
                <div class="code-name">#ve-icon-pushpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pushpin-o"></use>
                </svg>
                <div class="name">pushpin-o</div>
                <div class="code-name">#ve-icon-pushpin-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-reload1"></use>
                </svg>
                <div class="name">reload</div>
                <div class="code-name">#ve-icon-reload1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-question-circle-o"></use>
                </svg>
                <div class="name">question-circle-o</div>
                <div class="code-name">#ve-icon-question-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-question-circle"></use>
                </svg>
                <div class="name">question-circle</div>
                <div class="code-name">#ve-icon-question-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-qrcode"></use>
                </svg>
                <div class="name">qrcode</div>
                <div class="code-name">#ve-icon-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-retweet"></use>
                </svg>
                <div class="name">retweet</div>
                <div class="code-name">#ve-icon-retweet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-right-circle"></use>
                </svg>
                <div class="name">right-circle</div>
                <div class="code-name">#ve-icon-right-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-right-circle-o"></use>
                </svg>
                <div class="name">right-circle-o</div>
                <div class="code-name">#ve-icon-right-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-right-square-o"></use>
                </svg>
                <div class="name">right-square-o</div>
                <div class="code-name">#ve-icon-right-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-right-square"></use>
                </svg>
                <div class="name">right-square</div>
                <div class="code-name">#ve-icon-right-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-rollback"></use>
                </svg>
                <div class="name">rollback</div>
                <div class="code-name">#ve-icon-rollback</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-right"></use>
                </svg>
                <div class="name">right</div>
                <div class="code-name">#ve-icon-right</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-save"></use>
                </svg>
                <div class="name">save</div>
                <div class="code-name">#ve-icon-save</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-shoppingcart"></use>
                </svg>
                <div class="name">shoppingcart</div>
                <div class="code-name">#ve-icon-shoppingcart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-scan"></use>
                </svg>
                <div class="name">scan</div>
                <div class="code-name">#ve-icon-scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-shrink"></use>
                </svg>
                <div class="name">shrink</div>
                <div class="code-name">#ve-icon-shrink</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-sharealt"></use>
                </svg>
                <div class="name">sharealt</div>
                <div class="code-name">#ve-icon-sharealt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-setting"></use>
                </svg>
                <div class="name">setting</div>
                <div class="code-name">#ve-icon-setting</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-smile1"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#ve-icon-smile1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-smile-o"></use>
                </svg>
                <div class="name">smile-o</div>
                <div class="code-name">#ve-icon-smile-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-star-o"></use>
                </svg>
                <div class="name">star-o</div>
                <div class="code-name">#ve-icon-star-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-solution"></use>
                </svg>
                <div class="name">solution</div>
                <div class="code-name">#ve-icon-solution</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-star"></use>
                </svg>
                <div class="name">star</div>
                <div class="code-name">#ve-icon-star</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-stepforward"></use>
                </svg>
                <div class="name">stepforward</div>
                <div class="code-name">#ve-icon-stepforward</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-stepbackward"></use>
                </svg>
                <div class="name">stepbackward</div>
                <div class="code-name">#ve-icon-stepbackward</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-swap"></use>
                </svg>
                <div class="name">swap</div>
                <div class="code-name">#ve-icon-swap</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-swapleft"></use>
                </svg>
                <div class="name">swapleft</div>
                <div class="code-name">#ve-icon-swapleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tag-o"></use>
                </svg>
                <div class="name">tag-o</div>
                <div class="code-name">#ve-icon-tag-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tablet"></use>
                </svg>
                <div class="name">tablet</div>
                <div class="code-name">#ve-icon-tablet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-swapright"></use>
                </svg>
                <div class="name">swapright</div>
                <div class="code-name">#ve-icon-swapright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tag1"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#ve-icon-tag1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tags"></use>
                </svg>
                <div class="name">tags</div>
                <div class="code-name">#ve-icon-tags</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tagso"></use>
                </svg>
                <div class="name">tagso</div>
                <div class="code-name">#ve-icon-tagso</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-rest"></use>
                </svg>
                <div class="name">rest</div>
                <div class="code-name">#ve-icon-rest</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-team"></use>
                </svg>
                <div class="name">team</div>
                <div class="code-name">#ve-icon-team</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-search"></use>
                </svg>
                <div class="name">search</div>
                <div class="code-name">#ve-icon-search</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-totop"></use>
                </svg>
                <div class="name">totop</div>
                <div class="code-name">#ve-icon-totop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-smile"></use>
                </svg>
                <div class="name">smile</div>
                <div class="code-name">#ve-icon-smile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-unlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#ve-icon-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tag"></use>
                </svg>
                <div class="name">tag</div>
                <div class="code-name">#ve-icon-tag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-up-circle-o"></use>
                </svg>
                <div class="name">up-circle-o</div>
                <div class="code-name">#ve-icon-up-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-top"></use>
                </svg>
                <div class="name">top</div>
                <div class="code-name">#ve-icon-top</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-up-circle"></use>
                </svg>
                <div class="name">up-circle</div>
                <div class="code-name">#ve-icon-up-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-user"></use>
                </svg>
                <div class="name">user</div>
                <div class="code-name">#ve-icon-user</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-up-square-o"></use>
                </svg>
                <div class="name">up-square-o</div>
                <div class="code-name">#ve-icon-up-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-link"></use>
                </svg>
                <div class="name">link</div>
                <div class="code-name">#ve-icon-link</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-up-square"></use>
                </svg>
                <div class="name">up-square</div>
                <div class="code-name">#ve-icon-up-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-logout"></use>
                </svg>
                <div class="name">logout</div>
                <div class="code-name">#ve-icon-logout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-up"></use>
                </svg>
                <div class="name">up</div>
                <div class="code-name">#ve-icon-up</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-mail"></use>
                </svg>
                <div class="name">mail</div>
                <div class="code-name">#ve-icon-mail</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-verticleleft"></use>
                </svg>
                <div class="name">verticleleft</div>
                <div class="code-name">#ve-icon-verticleleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-minus"></use>
                </svg>
                <div class="name">minus</div>
                <div class="code-name">#ve-icon-minus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-mobile"></use>
                </svg>
                <div class="name">mobile</div>
                <div class="code-name">#ve-icon-mobile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-upload"></use>
                </svg>
                <div class="name">upload</div>
                <div class="code-name">#ve-icon-upload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-note"></use>
                </svg>
                <div class="name">note</div>
                <div class="code-name">#ve-icon-note</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-windows-o"></use>
                </svg>
                <div class="name">windows-o</div>
                <div class="code-name">#ve-icon-windows-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-notification"></use>
                </svg>
                <div class="name">notification</div>
                <div class="code-name">#ve-icon-notification</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-windows"></use>
                </svg>
                <div class="name">windows</div>
                <div class="code-name">#ve-icon-windows</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-picture"></use>
                </svg>
                <div class="name">picture</div>
                <div class="code-name">#ve-icon-picture</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-wordfile"></use>
                </svg>
                <div class="name">wordfile</div>
                <div class="code-name">#ve-icon-wordfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-place"></use>
                </svg>
                <div class="name">place</div>
                <div class="code-name">#ve-icon-place</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-note_fill"></use>
                </svg>
                <div class="name">note_fill</div>
                <div class="code-name">#ve-icon-note_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plus"></use>
                </svg>
                <div class="name">plus</div>
                <div class="code-name">#ve-icon-plus</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-mail_fill"></use>
                </svg>
                <div class="name">mail_fill</div>
                <div class="code-name">#ve-icon-mail_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-edit"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#ve-icon-edit</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-export_fill"></use>
                </svg>
                <div class="name">export_fill</div>
                <div class="code-name">#ve-icon-export_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-ellipsis"></use>
                </svg>
                <div class="name">ellipsis</div>
                <div class="code-name">#ve-icon-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-export"></use>
                </svg>
                <div class="name">export</div>
                <div class="code-name">#ve-icon-export</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-express"></use>
                </svg>
                <div class="name">express</div>
                <div class="code-name">#ve-icon-express</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-eye"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#ve-icon-eye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-edit1"></use>
                </svg>
                <div class="name">edit</div>
                <div class="code-name">#ve-icon-edit1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-file"></use>
                </svg>
                <div class="name">file</div>
                <div class="code-name">#ve-icon-file</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-addfile"></use>
                </svg>
                <div class="name">addfile</div>
                <div class="code-name">#ve-icon-addfile</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-filter"></use>
                </svg>
                <div class="name">filter</div>
                <div class="code-name">#ve-icon-filter</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-bulb"></use>
                </svg>
                <div class="name">bulb</div>
                <div class="code-name">#ve-icon-bulb</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-history"></use>
                </svg>
                <div class="name">history</div>
                <div class="code-name">#ve-icon-history</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-addfolder"></use>
                </svg>
                <div class="name">addfolder</div>
                <div class="code-name">#ve-icon-addfolder</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-home"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#ve-icon-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-id"></use>
                </svg>
                <div class="name">id</div>
                <div class="code-name">#ve-icon-id</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-info"></use>
                </svg>
                <div class="name">info</div>
                <div class="code-name">#ve-icon-info</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-card"></use>
                </svg>
                <div class="name">card</div>
                <div class="code-name">#ve-icon-card</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-laptop"></use>
                </svg>
                <div class="name">laptop</div>
                <div class="code-name">#ve-icon-laptop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-appstore"></use>
                </svg>
                <div class="name">appstore</div>
                <div class="code-name">#ve-icon-appstore</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-calender"></use>
                </svg>
                <div class="name">calender</div>
                <div class="code-name">#ve-icon-calender</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-plugin"></use>
                </svg>
                <div class="name">plugin</div>
                <div class="code-name">#ve-icon-plugin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-change"></use>
                </svg>
                <div class="name">change</div>
                <div class="code-name">#ve-icon-change</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-chart"></use>
                </svg>
                <div class="name">chart</div>
                <div class="code-name">#ve-icon-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-menu"></use>
                </svg>
                <div class="name">menu</div>
                <div class="code-name">#ve-icon-menu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-check"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#ve-icon-check</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-reload2"></use>
                </svg>
                <div class="name">reload</div>
                <div class="code-name">#ve-icon-reload2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clip"></use>
                </svg>
                <div class="name">clip</div>
                <div class="code-name">#ve-icon-clip</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clock"></use>
                </svg>
                <div class="name">clock</div>
                <div class="code-name">#ve-icon-clock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-setting_fill"></use>
                </svg>
                <div class="name">setting_fill</div>
                <div class="code-name">#ve-icon-setting_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-computer"></use>
                </svg>
                <div class="name">computer</div>
                <div class="code-name">#ve-icon-computer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dashboard_fill"></use>
                </svg>
                <div class="name">dashboard_fill</div>
                <div class="code-name">#ve-icon-dashboard_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-cross"></use>
                </svg>
                <div class="name">cross</div>
                <div class="code-name">#ve-icon-cross</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-send"></use>
                </svg>
                <div class="name">send</div>
                <div class="code-name">#ve-icon-send</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dashboard"></use>
                </svg>
                <div class="name">dashboard</div>
                <div class="code-name">#ve-icon-dashboard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-rocket_fill"></use>
                </svg>
                <div class="name">rocket_fill</div>
                <div class="code-name">#ve-icon-rocket_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-delete"></use>
                </svg>
                <div class="name">delete</div>
                <div class="code-name">#ve-icon-delete</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-schedulefill"></use>
                </svg>
                <div class="name">schedule_fill</div>
                <div class="code-name">#ve-icon-schedulefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-download"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#ve-icon-download</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-schedule"></use>
                </svg>
                <div class="name">schedule</div>
                <div class="code-name">#ve-icon-schedule</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-message"></use>
                </svg>
                <div class="name">message</div>
                <div class="code-name">#ve-icon-message</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-team_fill"></use>
                </svg>
                <div class="name">team_fill</div>
                <div class="code-name">#ve-icon-team_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-bars"></use>
                </svg>
                <div class="name">bars</div>
                <div class="code-name">#ve-icon-bars</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-move"></use>
                </svg>
                <div class="name">move</div>
                <div class="code-name">#ve-icon-move</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-hide"></use>
                </svg>
                <div class="name">hide</div>
                <div class="code-name">#ve-icon-hide</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-express_fill"></use>
                </svg>
                <div class="name">express_fill</div>
                <div class="code-name">#ve-icon-express_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-eye1"></use>
                </svg>
                <div class="name">eye</div>
                <div class="code-name">#ve-icon-eye1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-warranty"></use>
                </svg>
                <div class="name">warranty</div>
                <div class="code-name">#ve-icon-warranty</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-zoomin"></use>
                </svg>
                <div class="name">zoom in</div>
                <div class="code-name">#ve-icon-zoomin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tstar_"></use>
                </svg>
                <div class="name">tstar_3</div>
                <div class="code-name">#ve-icon-tstar_</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-zoomout"></use>
                </svg>
                <div class="name">zoom out</div>
                <div class="code-name">#ve-icon-zoomout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tstar_1"></use>
                </svg>
                <div class="name">tstar_2</div>
                <div class="code-name">#ve-icon-tstar_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-acrotate"></use>
                </svg>
                <div class="name">ac rotate</div>
                <div class="code-name">#ve-icon-acrotate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tstar_2"></use>
                </svg>
                <div class="name">tstar_1</div>
                <div class="code-name">#ve-icon-tstar_2</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-cwrotate"></use>
                </svg>
                <div class="name">cw rotate</div>
                <div class="code-name">#ve-icon-cwrotate</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-tstar_3"></use>
                </svg>
                <div class="name">tstar_4</div>
                <div class="code-name">#ve-icon-tstar_3</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-heart"></use>
                </svg>
                <div class="name">heart</div>
                <div class="code-name">#ve-icon-heart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pay"></use>
                </svg>
                <div class="name">pay</div>
                <div class="code-name">#ve-icon-pay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-like"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#ve-icon-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-wifi"></use>
                </svg>
                <div class="name">wifi</div>
                <div class="code-name">#ve-icon-wifi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-arrowright"></use>
                </svg>
                <div class="name">arrow_right</div>
                <div class="code-name">#ve-icon-arrowright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-customermanager"></use>
                </svg>
                <div class="name">customermanager</div>
                <div class="code-name">#ve-icon-customermanager</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-arrowup"></use>
                </svg>
                <div class="name">arrow_up</div>
                <div class="code-name">#ve-icon-arrowup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-drag"></use>
                </svg>
                <div class="name">drag</div>
                <div class="code-name">#ve-icon-drag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-arrowdown"></use>
                </svg>
                <div class="name">arrow down</div>
                <div class="code-name">#ve-icon-arrowdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-enterprise"></use>
                </svg>
                <div class="name">enterprise</div>
                <div class="code-name">#ve-icon-enterprise</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-arrowleft"></use>
                </svg>
                <div class="name">arrow_left</div>
                <div class="code-name">#ve-icon-arrowleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-channel"></use>
                </svg>
                <div class="name">channel</div>
                <div class="code-name">#ve-icon-channel</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-favorfill"></use>
                </svg>
                <div class="name">favor_fill</div>
                <div class="code-name">#ve-icon-favorfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-compass"></use>
                </svg>
                <div class="name">compass</div>
                <div class="code-name">#ve-icon-compass</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-heartfill"></use>
                </svg>
                <div class="name">heart_fill</div>
                <div class="code-name">#ve-icon-heartfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-database"></use>
                </svg>
                <div class="name">database</div>
                <div class="code-name">#ve-icon-database</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dislike"></use>
                </svg>
                <div class="name">dislike</div>
                <div class="code-name">#ve-icon-dislike</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-contacts"></use>
                </svg>
                <div class="name">contacts</div>
                <div class="code-name">#ve-icon-contacts</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-account"></use>
                </svg>
                <div class="name">account</div>
                <div class="code-name">#ve-icon-account</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-key"></use>
                </svg>
                <div class="name">key</div>
                <div class="code-name">#ve-icon-key</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-menuoff"></use>
                </svg>
                <div class="name">menu off</div>
                <div class="code-name">#ve-icon-menuoff</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-global"></use>
                </svg>
                <div class="name">global</div>
                <div class="code-name">#ve-icon-global</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-menuon"></use>
                </svg>
                <div class="name">menu on</div>
                <div class="code-name">#ve-icon-menuon</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-red-envelope"></use>
                </svg>
                <div class="name">red-envelope</div>
                <div class="code-name">#ve-icon-red-envelope</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-orderselect"></use>
                </svg>
                <div class="name">order select</div>
                <div class="code-name">#ve-icon-orderselect</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-layout"></use>
                </svg>
                <div class="name">layout</div>
                <div class="code-name">#ve-icon-layout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-order"></use>
                </svg>
                <div class="name">order</div>
                <div class="code-name">#ve-icon-order</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-printer"></use>
                </svg>
                <div class="name">printer</div>
                <div class="code-name">#ve-icon-printer</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-favor"></use>
                </svg>
                <div class="name">favor</div>
                <div class="code-name">#ve-icon-favor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-skin"></use>
                </svg>
                <div class="name">skin</div>
                <div class="code-name">#ve-icon-skin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-idinput"></use>
                </svg>
                <div class="name">id input</div>
                <div class="code-name">#ve-icon-idinput</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-table"></use>
                </svg>
                <div class="name">table</div>
                <div class="code-name">#ve-icon-table</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-rank"></use>
                </svg>
                <div class="name">rank</div>
                <div class="code-name">#ve-icon-rank</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-wallet"></use>
                </svg>
                <div class="name">wallet</div>
                <div class="code-name">#ve-icon-wallet</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-sort"></use>
                </svg>
                <div class="name">sort</div>
                <div class="code-name">#ve-icon-sort</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-gift"></use>
                </svg>
                <div class="name">gift</div>
                <div class="code-name">#ve-icon-gift</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-automation"></use>
                </svg>
                <div class="name">automation</div>
                <div class="code-name">#ve-icon-automation</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-car"></use>
                </svg>
                <div class="name">car</div>
                <div class="code-name">#ve-icon-car</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-caretdown"></use>
                </svg>
                <div class="name">caret_down</div>
                <div class="code-name">#ve-icon-caretdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-coffee"></use>
                </svg>
                <div class="name">coffee</div>
                <div class="code-name">#ve-icon-coffee</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-caretup"></use>
                </svg>
                <div class="name">caret_up</div>
                <div class="code-name">#ve-icon-caretup</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-case-o"></use>
                </svg>
                <div class="name">case-o</div>
                <div class="code-name">#ve-icon-case-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-reload"></use>
                </svg>
                <div class="name">reload</div>
                <div class="code-name">#ve-icon-reload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-order-o"></use>
                </svg>
                <div class="name">order-o</div>
                <div class="code-name">#ve-icon-order-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-flagfill"></use>
                </svg>
                <div class="name">flag_fill</div>
                <div class="code-name">#ve-icon-flagfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-flag"></use>
                </svg>
                <div class="name">flag</div>
                <div class="code-name">#ve-icon-flag</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-callin"></use>
                </svg>
                <div class="name">call_in</div>
                <div class="code-name">#ve-icon-callin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-callout"></use>
                </svg>
                <div class="name">call_out</div>
                <div class="code-name">#ve-icon-callout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dial"></use>
                </svg>
                <div class="name">dial</div>
                <div class="code-name">#ve-icon-dial</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-refund"></use>
                </svg>
                <div class="name">refund</div>
                <div class="code-name">#ve-icon-refund</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-messagefill"></use>
                </svg>
                <div class="name">message_fill</div>
                <div class="code-name">#ve-icon-messagefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-phonefill"></use>
                </svg>
                <div class="name">phone_fill</div>
                <div class="code-name">#ve-icon-phonefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-phone"></use>
                </svg>
                <div class="name">phone</div>
                <div class="code-name">#ve-icon-phone</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clockfill"></use>
                </svg>
                <div class="name">clock_fill</div>
                <div class="code-name">#ve-icon-clockfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-notificationfill"></use>
                </svg>
                <div class="name">notification_fill</div>
                <div class="code-name">#ve-icon-notificationfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-cut"></use>
                </svg>
                <div class="name">cut</div>
                <div class="code-name">#ve-icon-cut</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-book"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#ve-icon-book</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-barrage"></use>
                </svg>
                <div class="name">barrage</div>
                <div class="code-name">#ve-icon-barrage</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-male"></use>
                </svg>
                <div class="name">male</div>
                <div class="code-name">#ve-icon-male</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-female"></use>
                </svg>
                <div class="name">female</div>
                <div class="code-name">#ve-icon-female</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-expand"></use>
                </svg>
                <div class="name">expand</div>
                <div class="code-name">#ve-icon-expand</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-refund1"></use>
                </svg>
                <div class="name">refund</div>
                <div class="code-name">#ve-icon-refund1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-pie-chart"></use>
                </svg>
                <div class="name">pie-chart</div>
                <div class="code-name">#ve-icon-pie-chart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-backspace"></use>
                </svg>
                <div class="name">backspace</div>
                <div class="code-name">#ve-icon-backspace</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-Invalid"></use>
                </svg>
                <div class="name">Invalid</div>
                <div class="code-name">#ve-icon-Invalid</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-repeat"></use>
                </svg>
                <div class="name">repeat</div>
                <div class="code-name">#ve-icon-repeat</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-timeout"></use>
                </svg>
                <div class="name">timeout</div>
                <div class="code-name">#ve-icon-timeout</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-urged"></use>
                </svg>
                <div class="name">urged</div>
                <div class="code-name">#ve-icon-urged</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-intervene"></use>
                </svg>
                <div class="name">intervene</div>
                <div class="code-name">#ve-icon-intervene</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-voice"></use>
                </svg>
                <div class="name">voice</div>
                <div class="code-name">#ve-icon-voice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-apple"></use>
                </svg>
                <div class="name">apple</div>
                <div class="code-name">#ve-icon-apple</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-appstore-o"></use>
                </svg>
                <div class="name">appstore-o</div>
                <div class="code-name">#ve-icon-appstore-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-areachart"></use>
                </svg>
                <div class="name">areachart</div>
                <div class="code-name">#ve-icon-areachart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-apple-o"></use>
                </svg>
                <div class="name">apple-o</div>
                <div class="code-name">#ve-icon-apple-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-android"></use>
                </svg>
                <div class="name">android</div>
                <div class="code-name">#ve-icon-android</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-appstore1"></use>
                </svg>
                <div class="name">appstore</div>
                <div class="code-name">#ve-icon-appstore1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-arrowsalt"></use>
                </svg>
                <div class="name">arrowsalt</div>
                <div class="code-name">#ve-icon-arrowsalt</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-banckward"></use>
                </svg>
                <div class="name">banckward</div>
                <div class="code-name">#ve-icon-banckward</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-bars1"></use>
                </svg>
                <div class="name">bars</div>
                <div class="code-name">#ve-icon-bars1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-book1"></use>
                </svg>
                <div class="name">book</div>
                <div class="code-name">#ve-icon-book1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-barchart"></use>
                </svg>
                <div class="name">barchart</div>
                <div class="code-name">#ve-icon-barchart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-calendar"></use>
                </svg>
                <div class="name">calendar</div>
                <div class="code-name">#ve-icon-calendar</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-camera-o"></use>
                </svg>
                <div class="name">camera-o</div>
                <div class="code-name">#ve-icon-camera-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-caretleft"></use>
                </svg>
                <div class="name">caretleft</div>
                <div class="code-name">#ve-icon-caretleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-caretdown1"></use>
                </svg>
                <div class="name">caretdown</div>
                <div class="code-name">#ve-icon-caretdown1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-calculator"></use>
                </svg>
                <div class="name">calculator</div>
                <div class="code-name">#ve-icon-calculator</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-camera"></use>
                </svg>
                <div class="name">camera</div>
                <div class="code-name">#ve-icon-camera</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-caretright"></use>
                </svg>
                <div class="name">caretright</div>
                <div class="code-name">#ve-icon-caretright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-check-circle"></use>
                </svg>
                <div class="name">check-circle</div>
                <div class="code-name">#ve-icon-check-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-caretup1"></use>
                </svg>
                <div class="name">caretup</div>
                <div class="code-name">#ve-icon-caretup1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-check-circle-o"></use>
                </svg>
                <div class="name">check-circle-o</div>
                <div class="code-name">#ve-icon-check-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-check-square"></use>
                </svg>
                <div class="name">check-square</div>
                <div class="code-name">#ve-icon-check-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-check-square-o"></use>
                </svg>
                <div class="name">check-square-o</div>
                <div class="code-name">#ve-icon-check-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-circledown"></use>
                </svg>
                <div class="name">circledown</div>
                <div class="code-name">#ve-icon-circledown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-chrome"></use>
                </svg>
                <div class="name">chrome</div>
                <div class="code-name">#ve-icon-chrome</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-check1"></use>
                </svg>
                <div class="name">check</div>
                <div class="code-name">#ve-icon-check1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-circledown-o"></use>
                </svg>
                <div class="name">circledown-o</div>
                <div class="code-name">#ve-icon-circledown-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clock-circle"></use>
                </svg>
                <div class="name">clock-circle</div>
                <div class="code-name">#ve-icon-clock-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clock-circle-o"></use>
                </svg>
                <div class="name">clock-circle-o</div>
                <div class="code-name">#ve-icon-clock-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-close-circle-o"></use>
                </svg>
                <div class="name">close-circle-o</div>
                <div class="code-name">#ve-icon-close-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-close-circle"></use>
                </svg>
                <div class="name">close-circle</div>
                <div class="code-name">#ve-icon-close-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-close-square-o"></use>
                </svg>
                <div class="name">close-square-o</div>
                <div class="code-name">#ve-icon-close-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-close-square"></use>
                </svg>
                <div class="name">close-square</div>
                <div class="code-name">#ve-icon-close-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-close"></use>
                </svg>
                <div class="name">close</div>
                <div class="code-name">#ve-icon-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clouddownload-o"></use>
                </svg>
                <div class="name">clouddownload-o</div>
                <div class="code-name">#ve-icon-clouddownload-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-clouddownload"></use>
                </svg>
                <div class="name">clouddownload</div>
                <div class="code-name">#ve-icon-clouddownload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-cloudupload-o"></use>
                </svg>
                <div class="name">cloudupload-o</div>
                <div class="code-name">#ve-icon-cloudupload-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-cloudupload"></use>
                </svg>
                <div class="name">cloudupload</div>
                <div class="code-name">#ve-icon-cloudupload</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-code-square-o"></use>
                </svg>
                <div class="name">code-square-o</div>
                <div class="code-name">#ve-icon-code-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-code-square"></use>
                </svg>
                <div class="name">code-square</div>
                <div class="code-name">#ve-icon-code-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-creditcard"></use>
                </svg>
                <div class="name">creditcard</div>
                <div class="code-name">#ve-icon-creditcard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-copy"></use>
                </svg>
                <div class="name">copy</div>
                <div class="code-name">#ve-icon-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-desktop"></use>
                </svg>
                <div class="name">desktop</div>
                <div class="code-name">#ve-icon-desktop</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-customerservice"></use>
                </svg>
                <div class="name">customerservice</div>
                <div class="code-name">#ve-icon-customerservice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dislike1"></use>
                </svg>
                <div class="name">dislike_fill</div>
                <div class="code-name">#ve-icon-dislike1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-dotchart"></use>
                </svg>
                <div class="name">dotchart</div>
                <div class="code-name">#ve-icon-dotchart</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-doubleleft"></use>
                </svg>
                <div class="name">doubleleft</div>
                <div class="code-name">#ve-icon-doubleleft</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-doubleright"></use>
                </svg>
                <div class="name">doubleright</div>
                <div class="code-name">#ve-icon-doubleright</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-down-circle-o"></use>
                </svg>
                <div class="name">down-circle-o</div>
                <div class="code-name">#ve-icon-down-circle-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-down-circle"></use>
                </svg>
                <div class="name">down-circle</div>
                <div class="code-name">#ve-icon-down-circle</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-down"></use>
                </svg>
                <div class="name">down</div>
                <div class="code-name">#ve-icon-down</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-down-square-o"></use>
                </svg>
                <div class="name">down-square-o</div>
                <div class="code-name">#ve-icon-down-square-o</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-down-square"></use>
                </svg>
                <div class="name">down-square</div>
                <div class="code-name">#ve-icon-down-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-ellipsis1"></use>
                </svg>
                <div class="name">ellipsis</div>
                <div class="code-name">#ve-icon-ellipsis1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-download1"></use>
                </svg>
                <div class="name">download</div>
                <div class="code-name">#ve-icon-download1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#ve-icon-lang"></use>
                </svg>
                <div class="name">切换语言</div>
                <div class="code-name">#ve-icon-lang</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
